- [name|='value'] 该类型选择器选择匹配value或value-的元素,例子:
<a href="http://www.baidu.com" title="en-x">百度</a>
<a href="http://www.google.com" title="enp">谷歌</a>
<a href="http://www.qq.com" title="en">腾讯</a>
以下语句将使百度,腾讯字体变红
$("[title|='en']").css("color","red");
- [name*='value']
该选择器选择包含value的元素,例如:
<input name="myNo1" value="myNo1"/>
<input name="yourNo1" value="youNo1"/>
<input name="hisNo1" value="hisNo1" />
<input name="*No" value="*No" />
<input name="no" value="no" />
以下语句将使前四个字体变红
$("[name*=No]").css("color","red");
- [name~='value']该选择器以单词为组进行选择,例如:
<input type="text" name="man woman" value="man woman"/>
<input type="text" name="man1 woman1" value="man1 woman1" />
使用以下语句:
$("[name~='man']").css("color","blue");
- [name$='value']该选择器将以词尾完全匹配进行选择,例如:
<input name="boygirl" value="boygirl" />
<input name="girlboy" value="girlboy" />
<input name="girlgirl" value="girlgirl" />
<input name="girlgirl1" value="girlgirl1" />
使用如下代码:
$("[name$='girl']").css("background-color","red");;
input的第一个,第三个背景将变色
- [name='value']该选择器进行完全匹配选,例如:
<input name="man" value="man"/>
<input name="woman" value="woman"/>
使用如下代码:
$("[name='man']").css("background-color","blue");
第一个input将背景将变色
- [name!='value']该选择器进行反向匹配选择元素,例如:
<input name="man" value="man" />
<input name="woman" value="woman" />
<input name="children" value="children" />
使用如下代码:
$("[name!='man']").css("color","green");
input的第二个,第三个字体将变绿色
- [name^='value']该选择器进行开头匹配选择,例如:
<input name="man1" value="man1"/>
<input name="man2" value="man2"/>
<input name="woman1" value="woman1"/>
使用如下代码:
$("[name^='man']").css("color","red");
input的第一个,第二个字体颜色将变红
相关推荐
主要介绍了jQuery属性选择器用法,结合实例形式分析了jQuery中针对属性的判断与匹配相关操作技巧,需要的朋友可以参考下
NULL 博文链接:https://871421448.iteye.com/blog/1985929
一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: 代码如下: <!doctype html> <html lang=”en”> <head> <meta charset=”utf-8″> [removed][removed] <style type=”...
本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考,具体如下: 属性选择器 在HTML文档中,元素的开始标记中通常包含有多个属性(attribute) <input id="txtUsername" type="text" value="qiyisoft" ...
一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解,感兴趣的朋友可以参考下
本文主要介绍 jquery 属性选择器的知识,这里有简单实现代码和实例讲解,有需要的小伙伴可以参考下
jquery属性选择器中的包含 not has怎么写,让一个table中没有 提交 图片的行悬停时都高亮,下面有个不错的示例,喜欢的朋友可以参考下
JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jquery的id选择器,标签选择器,类选择器,属性选择器,里面都有,包括jquery文件
jQuery编写的常用商城商品属性选择器
jQuery 元素选择器和属性选择器允许您...jQuery 属性选择器 :jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $(“[href]”) 选取所有带有 href 属性的元素。 $(“[href=’#’]”) 选取所有带有 href 值等于
jQuery 3.1 标准课程第二章 选择器属性选择器(一)
jQuery 3.1 标准课程第二章 选择器属性选择器(二)
jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href...
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...
jQuery的出现,大大的提升了我们操作dom的效率,使得我们的开发更上一层楼,如jQuery的选择器就是一个很强大的功能,它包含了类选择器、id选择器、属性选择器、元素选择器、层级选择器、内容筛选选择器等等,很是...