jquery

Jquery经常做的事：找对象，干件事；

 

找对象：

$(“对象”)  这里的对象是指CSS选择器。主要包括：

1、css类选择器  常用

2、Css并集选择器 常用

3、Css后代选择器  常用

4、Css ID选择器  不常用

5、Css 元素选择器  不常用

6、Css 通配符选择器  $(“*”)  不常用

7、高级选择

$（this）当前的html对象，

解释：在一段完整的脚本里面，表示当前触发动作的那个对象（必须有选择范围（例如在.click里面写））

注意： $(this)是一个变量，是用户主观选择的那个，用户点到谁，就是谁。

.index() 获取当前在同级元素中的序号

遍历函数  (一般与$（this）合用)

兄弟

$("").prev()  在同级（兄弟）元素中，当前对象的前一个对象

$("").next()  在同级（兄弟）元素中，当前对象的后一个对象

 $("").not()   除了括号内对象之外的元素

 $("").first()兄弟级元素中的一个

 

.eq()

 

指向()中的序号元素,从0开始计数。

 

 

.siblings()指除了当前元素之外的其他元素。

 

后代

$("").children(“要显示的对象”)  当前对象的第一级（只能是儿子级，不能是孙子级）子元素 复数

$("").find（“要显示的对象”）  当前元素的子孙元素（复数），小括号内必须指定是哪个对象。

 

祖先

parent()当前对象的父元素（单数）

parents()当前对象的祖先元素（复数）

 

 

干件事：

1、.show() 让找到的对象显示。

2、.hide()  让找到的对象隐藏。

 

（效果）动画

1、.slideDown（）   表示对象展开，下滑动画

2、.slideUp（）   表示对象收起，收起动画，从有到无。

 

3、.fadeIn()  淡淡的显示   透明度的变化   从无到有

4、.fadeOut（）淡淡的消失  透明度的变化   从有到无

 

5、.animate（{"样式":"值"}）自定义动画，起点关键帧，写在css中，animate写得是终点关键帧。

自定义动画的常用样式：width  height top  bottom  left    right   opacity（透明度）；

 

6、.stop()只有两个值.stop（true，true）与.stop（true，false）两个值。前一个true表示是否取消列队动画。第二个值表示当前动画是否立即完成。比如.stop（true，true）意思是停止当前排队的动画，并且当前排队的动画直接跳转到终点帧状态。.stop（true，false）意思是停止当前排队的动画，并且当前排队的动画有过渡的播放完成。

注意：stop（true，true）停止动画，一般写在动画命令的前面，.delay（）延迟，写在stop（）后面。

 

1、.attr()  给标签的属性值增加或者替换值。

.attr({“属性”:”值”，{“属性”:”值”})

2、.css()  给元素增加一个样式或者多个样式。

.css({"样式":"值"，"样式":"值"})

 

function（）{}用来建立联系，{要被触发的事件，可以为多件事}，（参数）

1、.click(function(){})鼠标点击事件

2、.ready(function(){})文档加载事件

3、.hover（function（）{鼠标悬停到对象时触发的事件}，function（）{鼠标移除对象时触发的事件}）鼠标悬停事件

4、.Mouseover（function（）{}）鼠标悬停