码迷,mamicode.com
首页 > Web开发 > 详细

jQuery学习

时间:2018-07-12 01:01:43      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:ros   nbsp   过滤   span   选中   图片   学习   基本选择器   属性   

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学习

标签:ros   nbsp   过滤   span   选中   图片   学习   基本选择器   属性   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!