jQuery 一些神奇的选择器写法

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

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

JQ选择器是那么的方便 既然如此，不如手写重温一遍~~~~ 

 

a[href^=http://]　　　　 选择包含以http://开头的href值的链接

div[title^=my]　　　　　  匹配title特性值以my开头所有的<div>元素

 

a[href$=.pdf]　　　　　  引用PDF文件的所有链接

div:not(li:has(a))　　　　匹配在其后代节点里，不存在包含<a>的<li>的<div>元素  （jQuery只支持一层嵌套语句）

 

E[A=V]　　　　　　  　　匹配所有元素E，其特性A的值为V

E[A^=V]　　　　　　　　匹配所有元素E，其特性A的值以V开头

E[A$=V]　　　　　　　　匹配所有元素E，其特性A的值以V结尾

E[A*=V]　　　　　　　　匹配所有元素E，其特性A的值为包含V

　　

li a:first　　　　　　　　　  所有li下，第一个a标签　　　　　　　　　　

li a:last　　　　　　　　　　所有li下，第一个a标签

li:first-child　　　　　　　　每个li下第一个项

li:last-child　　 　　　　　　每个li下最后一个项

 

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

下面是JQ自定义筛选选择器！！  强大道无容置疑！！

 

:animated　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　控制处于动态控制之下的元素

input[type=submit]、input[type=reset]、input[type=button] 　　　　控制不同种类的按钮

input[type=ckeckbox]　　　　　　　　　　　　　　　　　　　　　　　　控制复选框元素

input[type=file]　　　　　　　　　　　　　　　　　　　　　　　　　　　 选择所有文件元素

:contains(foo)　　　　　　　　　　　　　　　　　　　　　　　　　　　　只选择包含文本foo的元素

 

以下几个CSS所支持

:checked　　只选择已选中的复选框或者单选框

:disabled　　只选择在页面上禁用的表单元素

:enabled　　只选择在页面上已经启动的表单元素

-------------------------------------------------------------------- 类似的太多 不依依写上去了

写几个组合筛选选择器

:checked:checked:enabled　　　　　选择已启用的已选中复选框

input:not(:checkbox)　　　　　　　 选择非复选框<input>元素

 

正确写法　　div p:not(:hidden)　　　　

错误写法　　div :not(p:hidden)

 

先到此位置吧...打完一遍　应该心中有个大概　到时候实战多查查就能玩的６６６了

 

转载于:https://www.cnblogs.com/wulibo/p/5842990.html