jQuery 一些神奇的选择器写法
Posted 前端一年级
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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)
先到此位置吧...打完一遍 应该心中有个大概 到时候实战多查查就能玩的６６６了
以上是关于jQuery 一些神奇的选择器写法的主要内容，如果未能解决你的问题，请参考以下文章