jQuery基础-2

jQuery中的事件与DOM操作

1.jQuery中的事件
jQuery基础-2
(1)鼠标事件
jQuery基础-2
(2)键盘事件
jQuery基础-2
(3)绑定事件与移除事件
1.绑定事件:bind([type],[fn])
2.移除事件:unbind([type],[fn])
当unbind()不带参数时,表示移除所绑定的全部事件

(4)复合事件
jQuery基础-2
2.jQuery中的DOM操作
jQuery基础-2
(1)设置和获取样式值
1.设置属性:css(name,value) ; 或css({name:value, name:value,name:value…}) ;
2.获取属性:css(name)

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

(3)样式的切换与判断
jQuery基础-2
(4)内容操作
jQuery基础-2
(5)属性值操作
jQuery基础-2
(6)节点操作
1.创建节点元素
jQuery基础-2
2.插入节点
jQuery基础-2
2.删除结点
jQuery基础-2
3.替换节点
jQuery基础-2
4.复制节点
jQuery基础-2
(7)属性操作
1.获取与设置元素属性
jQuery基础-2
2.删除元素属性
jQuery基础-2
(8)节点遍历
1.遍历子元素
jQuery基础-2
2.遍历同辈元素
jQuery基础-2
3.遍历前辈元素
jQuery基础-2
4.each遍历元素
jQuery基础-2
3.总结
jQuery基础-2
jQuery基础-2

相关文章:

  • 2021-12-13
  • 2021-06-17
  • 2021-12-23
  • 2021-12-04
  • 2021-06-18
  • 2021-10-23
  • 2021-11-16
猜你喜欢
  • 2021-05-26
  • 2021-12-31
  • 2022-02-09
  • 2021-09-05
  • 2022-01-01
  • 2022-12-23
  • 2021-11-19
相关资源
相似解决方案