jQuery

jQuery入口函数的标准写法：

$(document).ready(function(){

})

也可以写成:$(function(){

});

jQuery对象和DOM对象的区别：

1.DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。

2.jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象

DOM对象转换为jQuery对象：

var $obj=$(domObj);

$符号的用法：

1.入口函数：

$(function(){

});

2.把dom对象转换成jQuery对象

3.参数是一个字符串，用来找对象

jQuery基本选择器：

ID选择器：$("#id");  //获取指定的元素

类选择器:$(".class"); //获取同一类class的元素

标签选择器:$("div");  //获取同一类标签的所有元素

并集选择器：$("div,p,li"); //使用逗号分隔，只要符合条件之一就可

交集选择器：$("div.redClass"); 获取class为redClass的div元素

过滤选择器：

：odd:奇数 

：even：偶数

：eq：指定下标

筛选选择器：

children();找儿子

find():找后代

parent():找爹

siblings();找兄弟，不包括自己

next();下一个兄弟

prev();上一个兄弟

eq:指定下标

jQuery如何设置样式：

例：$("#id").css("backgroundColor","red");

样式操作：

css(name,value):设置单个样式

css(obj):设置多个样式

css(name)：获取样式

class操作：

 addClass(name):操作类

removeClass(name):移除类

hasClsaa(name)：判断类

toggleclass(name):切换

操作属性：//与css操作相同

2.1 attr

设置单个属性

设置多个属性

获取属性

2.2 prop

对于布尔类型的属性，disabled,selected,checked，只能用prop

2.3 removeAttr(name):移除某个属性

jQuery动画：

show() 显示元素

hide()  隐藏元素

slideDown() 滑入元素

slideUp() 滑出元素

slideToggle() 切换元素

自定义动画：

animate({params},[speed],[easing],[callback]);

{params}：要执行动画的CSS属性，带数字（必选）

speed:执行动画时长（可选）

easing:执行效果，默认为swing(缓动)，可以是linear(匀速)

callback:动画执行完后立即执行的回调函数(可选 )

节点的操作：

创建节点：$()

添加节点：append appendTo prepend prependTo before after

删除节点：remove

清空节点：empty

克隆节点：clone

委托事件：delegate

$("div").delegate("p","click",function(){

alert("呵呵");

})

//delegate第一个参数：selector：事件选择由谁来执行

第二个参数：事件的类型

第三个参数：函数，要做什么

on注册事件：//jquery用on统一了所有事件的处理方法，推荐使用

on注册简单事件：

//表示给$(selector)绑定事件，并且由自己触发，不支持动态绑定 。

$(selector).on("click",function(){});

on注册委托事件：

//表示给$(selector)绑定代理事件，但必须是他的内部元素span才能触发这个事件，支持动态绑定

$(selector).on("click","span",function(){});

on注册事件的语法：

//第一个参数：events,绑定事件的名称可以是由空格分隔的多个事件（标准事件或者自定义事件）

//第二个参数：selector, 执行事件的后代元素（可选），如果没有后代元素，那么事件将由自己执行 

//第三个参数：data,传递给处理函数的数据，事件触发的时候通过event.data来使用（不常使用）

//第四个参数：handler,事件处理函数

$(selector).on(events,[selector],[data],[handler]);

事件解绑：

unbind://解绑所有的事件 不推荐使用

undelegate://解绑所有的delegate事件，不推荐使用

off:推荐使用

$(selector).off(); //解绑匹配元素的所有事件

$(selector).off("click");//解绑匹配元素的所有click事件  

$.noConflict():可以释放jQuery的$的控制权

hover()方法：

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

方法触发 mouseenter 和 mouseleave 事件。

$("p").hover(function(){

$("p").css("background-color","yellow");

},function(){

$("p").css("background-color","pink");

});

find()方法：

find()方法获得当前元素集合中每个元素的后代

$("p").find("span").css('color','red');//遍历p中后代所有span元素，并将其颜色设置为红色

jquery插件初始化：

jquery本身没有的方法可以通过$.fn的方式追加方法