首页 > Web开发 > 详细

jQuery学习

时间:2018-07-12 00:53:15      阅读:378      评论:0      收藏:0      [点我收藏+]

1.获取jquery对象

技术分享图片

 2.dom对象和jquery对象之间的转换

 技术分享图片

 3.页面加载:

 技术分享图片

 4.事件绑定:

 技术分享图片

 5.常见事件

 技术分享图片

 6.效果:

 (1)

 技术分享图片

(2).效果图:

 技术分享图片

  7.基本选择器

 (1)

 技术分享图片

 (2)效果图

 技术分享图片

 

  9.基本过滤选择器

 (1)

 技术分享图片

(2)效果图

 技术分享图片

 12.属性选择器

 (1)

 技术分享图片

 (2)效果图

 技术分享图片

  13.表单选择器

 技术分享图片

 14.jquery对元素属性的操作

 (1)

 技术分享图片

 (2)

 技术分享图片

(3)注意:

 若jquery版本>1.6 统一使用 prop操作元素的属性,prop可以操作一些较特殊的操作,如checked,selected等勾选状态

 15.jquery对css操作,即元素style属性

 (1)

技术分享图片

 (2)

 技术分享图片

 16.隔行换色小案例

 (1)

 技术分享图片

 17.全选与全不选

 (1)

 技术分享图片

 (2)效果图

 技术分享图片

18.jquery遍历

 (1)

 技术分享图片

 (2)

技术分享图片

 19.jQuery的value值

(1)

技术分享图片

 

  (2)

 技术分享图片

 20.jQuery的html()与text()

 (1)概念

 技术分享图片

(2)

 技术分享图片

(3)效果图

 技术分享图片

 21.省市联动

(1)

 技术分享图片

(2)效果图:

 技术分享图片

 2.内部插入

 (1)

 技术分享图片

(2)演示

 技术分享图片                   技术分享图片

23.外部插入

 (1)

 技术分享图片

 (2)

 技术分享图片                     技术分享图片

24.删除节点

 (1)

 技术分享图片

 (2)

 技术分享图片                         技术分享图片                                技术分享图片

25.左右选中

 (1)

 技术分享图片

 (2)效果图

 技术分享图片

 26.表单对象属性过滤选择器

 技术分享图片

 

 

 

 

jQuery学习

原文:https://www.cnblogs.com/jeffery336699/p/9297423.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!