jQuery学习小结

简介:
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。
+ (加号)  紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。
~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。
(空格)    任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。
,(逗号)   表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
 
Sizzle用于jQuery选择器时:
Id(如$("#tableid"), 通常唯一) > class(如$(".req"), IE不支持用class获取Element,所以会变慢) > Name(如$("name=firstname")) > Tag(如$("div")) > *(如$("title=case"))
 
位置函数:
nth-child | eq | gt | lt | first | last | even | odd, 分别表示同父倍选(如li:nth-child(3n+1)表示选li父节点的1,4,7…元素),li:nth-child(odd|even)表示选li父节点的奇偶节点,li:nth-child(3)表示选li父节点的第三个元素,注意,nth-child的起始以1开始,不是其他位置函数的0开始),第几个,第几个后,第几个前,第一个,最后一个,偶数位置(0-index started),奇数位置。

本文转自 dannyy1026 51CTO博客,原文链接:
http://blog.51cto.com/dannyyuan/304513
相关文章
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
JavaScript
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)—课堂实训题专栏
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
12月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
128 0
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
JavaScript
jQuery学习(十一)— 常用的删除方法
jQuery学习(十一)— 常用的删除方法