您的位置:首页 > 产品设计 > UI/UE

3-8[attribute!=value]属性选择器

2016-07-03 09:59 459 查看
与上一节介绍的
[attribute=value]
属性选择器正好相反,
[attribute!=value]
属性选择器的功能是获取不包含属性名,或者与属性名和属性值不相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。

例如,使用
[attribute!=value]
属性选择器,获取指定不包含属性名,或与属性名和对应值不同的全部<li>元素,并设置它们显示的文字颜色,如图所示:





在浏览器中显示的效果:





可以看出,使用
$("li[title!='我最爱']")
属性选择器代码,获取了3个<li>元素,其中一个是不包含title属性名,另外两个的title属性值不等于“我最爱”,获取元素后并调用
css()
方法设置这些元素在页面中显示的文字颜色。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: