JQuery其他选择器

:root:JQuery1.9起,选择文档的根元素。返回结果总是html元素。

:animated:选择此选择器运行时正在运行的动画元素。如果自定义安装JQuery时没有选择effects模块,此选择器会抛出错误。因为:animated不是CSS规范的一部分而是JQuery扩展,所以使用:animated查询不能通过本地DOM的querySelectorAll方法提供性能的提升。使用:animated选择元素时想要获得最佳性能,则需要首先用纯CSS选择器选择元素,然后使用.filter(":animated")。eg:选择div动画,1):$( "div:animated" );2):$("div").filter(":animated");建议使用第二种方式。

:header:选择所有的标题元素,h1、h2、h3等等。因为:header不是CSS规范的一部分而是JQuery扩展,所以使用:header查询不能通过本地DOM的querySelectorAll方法提供性能的提升。使用:header选择元素时想要获得最佳性能,则需要首先用纯CSS选择器选择元素,然后使用.filter(":header")。

:focus:选择当前具有焦点的元素,与其他伪类选择器一样,建议在其前面加上标记名称或其他选择器。否则将隐式的使用$("*"),也就是说$(":focus")等价于$("*:focus")。如果想要查找具有当前焦点的元素,使用$(document.activeElement)查找不需要查询整个DOM树。eg:选择获得焦点的输入框,$("input:focus")。

:not():过滤指定元素。eg:选择p元素之外的其他元素,$(":not(p)")。

:lang():选择lang属性具有指定语言代码,或者指定语言代码开头后跟连字符“-”的元素。eg:选择lang属性为en或以en-开头的div元素,$("div:lang(en)")。

:target:如果文档的URI包含片段标识符或hash,:target选择器选择id与标识符匹配的元素。eg:URI为http://abc.com/#foo,$("p:target")则会选择id为foo的元素。

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值