当前位置:编程学习 > JAVA >>

jQuery1.9API视频完全呈现

目前,jQuery作为一个优秀的javascript框架已经发行到了1.9版(提供295个方法),其优秀的设计理念和完美地兼容性,完全征服了这个时代。因其高效的版本更新,往往我们的学习速度跟不上它的更新速度。作为使用者,如何快速地掌握它,则已成为一大部分人的一个愿望。虽然它有着完善的API,但无奈英文水平太洼,只能望而却步。国内也有一些无私奉献的良民对其进行了翻译,但对于懒惰和忙碌的程序员来说,个人时间的短缺则无暇进行系统阅读。鉴于国内现状,本人不才特录制jQuery API的完整视频以供大家学习,本视频特点完全遵循官方API的原滋原味,教案也完全依循其API。针对每一个方法提供一个视频进行解析,实现每个视频短小精悍,易于浏览者准确查找和收看。避免了现有国内培训机构喜欢的超长视频,不易查找某个知识的弊端。本人会对每个API都会提出自己的一些见解,注重每个方法的使用细节。如果你觉得某个视频录制的不好或有错误可以直接发邮件给我,也可以直接QQ(40780734)与我联系。如果你觉得对于您老人家来说完全没有价值则可以直接飘过,因为大家都明白“众口难调”的道理。本人一直坚信:不积跬步,无以至千里;不积小流,无以成江海。希望能在这里与大家打造一个共同学习的平台。


目 录
一、选择器
1.基本


1.1 *所有选择器
功能:选择指定范围内的所有元素
写法:$('*')
从页面的顶级元素html、head、meta到页面body及内部的所有元素都会被选择到!
   
案例1(查找页面中的所有元素):D:\项目\jQueryAPI\选择器\基本\星1.html
案例2(查找指定div中的所有元素):D:\项目\jQueryAPI\选择器\基本\星2.html


警告: 除非被它自己使用,否则 * 选择器或通用选择器,其速度是极其慢的。

 


1.2 .class 样式选择器
功能:选择指定范围内给定样式类名的所有元素
写法:$('.className')
参数:className一个用来查找的类名,可以写入多个类名,类名之间没有任何分隔符。
          一个元素有多个类时,如果有一个匹配即可选中。
          当className是多个类名时,只要元素中应用了className中提及的这几个类,则就会被选中,不管元素class中类名的先后顺序。

 

案例1(查找页面中应用样式myClass的所有元素):D:\项目\jQueryAPI\选择器\基本\class1.html
案例2(查找页面中同时应用了样式myClass和youClass的所有元素):D:\项目\jQueryAPI\选择器\基本\class2.html


注意:样式名称是区分大小写的

 

 

1.3 element选择器

功能:根据给定(html)标记名称选择所有的元素。
写法:$('html标记名称')

参数:html标记名称是一个用来搜索的元素, 指DOM节点的标签名。
   

案例1(查找页面中所有的div):D:\项目\jQueryAPI\选择器\基本\element1.html
案例2(查找表格中的所有div):D:\项目\jQueryAPI\选择器\基本\element2.html


注意:选择html标记名称也可以自定义的标签,选择时$('')这里的引号不能丢!!

 


1.4 #id选择器

功能:选择一个具有给定id属性的单个元素
写法:$('#idName')
参数:idName即一个用来查找的ID,即元素的id属性


案例1(查找页面中id为container的元素):D:\项目\jQueryAPI\选择器\基本\id1.html
案例2(查找页面中id为myId.container[0]的元素):D:\项目\jQueryAPI\选择器\基本\id2.html


注意:id中有.或[或]等特殊字符时一定要转义。错误的页面中有多个重复的id,则只会选中第一个出现该重复id的元素

 


1.5 多项选择器
功能:将每一个选择器匹配到的元素合并后一起返回
写法:$('selector1,selector2,selector3,……,selectorN')


案例1(选择页面中的div,span和应用了myClass样式的元素):D:\项目\jQueryAPI\选择器\基本\selector1.html
案例2(返回jQuery对象的顺序按Dom树的顺序,并非selector的顺序,难):D:\项目\jQueryAPI\选择器\基本\selector2.html


注意:一种选择任意不同类型元素的有效方法,返回的jQuery对象是按页面中Dom的顺序,并非按selector1,selector2……的顺序!!

 


======================================================================

 


2.层级
3.基本筛选
4.内容筛选
5.可见性筛选
6.属性
7.子元素筛选
8.表单
二、属性/CSS
1.属性
2.CSS
3.尺寸
4.位置
5.数据
三、操作
1.拷贝
2.DOM插入、包裹
3.DOM插入,内部插入
4.DOM插入,外部插入
5.DOM移除
6.DOM替换
四、遍历
1.筛选
2.各种遍历
3.树遍历
五、事件
1.浏览器事件
2.文档加载
3.事件绑定
4.表单事件
5.键盘事件
6.鼠标事件
7.事件对象
六、效果
1.基础
2.自定义
3.渐变
4.滑动
七、AJAX
1.全局AJAX事件处理程序
2.辅助函数
3.底层接口
4.快捷方法
八、核心
1.jQuery对象
2.实用工具
3.DOM元素方法
4.内部构件
5.延迟对象
6.回调对象

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,