jQuery基础-2

jQuery基础-2

jQuery中的事件与DOM操作

1.jQuery中的事件

(1)鼠标事件

(2)键盘事件

(3)绑定事件与移除事件
1.绑定事件:bind([type],[fn])
2.移除事件:unbind([type],[fn])
当unbind()不带参数时，表示移除所绑定的全部事件

(4)复合事件

2.jQuery中的DOM操作

(1)设置和获取样式值
1.设置属性:css(name,value) ; 或css({name:value, name:value,name:value…}) ;
2.获取属性:css(name)

(2)追加和移除样式
1.增加样式:$(selector).addClass(class); 或 $(selector).addClass(class1class2\dots classN);2.移除样式:$(selector).removeClass(“class”) ; 或 $(selector).removeClass("class1 class2 … classN ") ;

(3)样式的切换与判断

(4)内容操作

(5)属性值操作

(6)节点操作
1.创建节点元素

2.插入节点

2.删除结点

3.替换节点

4.复制节点

(7)属性操作
1.获取与设置元素属性

2.删除元素属性

(8)节点遍历
1.遍历子元素

2.遍历同辈元素

3.遍历前辈元素

4.each遍历元素

3.总结