jQuery学习

Posted jeffery336699

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery学习相关的知识,希望对你有一定的参考价值。

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学习的主要内容,如果未能解决你的问题,请参考以下文章

从零开始学习jQuery 开天辟地入门篇

jQuery基础学习12 jQuery学习感想

[jQuery学习系列五 ]5-Jquery学习五-表单验证

[jQuery学习系列二 ]2-JQuery学习二-数组操作

jQuery学习笔记

前端学习-jQuery源码学习