(attr=凹壑怠?能帮我们定位不同类型的元素,特别是表单表单元素的操作,比如说输入类型=拔谋尽?输入(type="复选框")等
(attr *=凹壑怠?能在网站中帮助我们匹配不同类型的文件
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title> & lt;/title>
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/imooc.css " rel=巴獠縩ofollow”type=" text/css "比;
& lt;脚本src=" http://libs.baidu.com/jquery/1.9.1/jquery.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; h3>属性筛选选择器& lt;/h3>
& lt; h4> (att=val), (att) [att |=val], [att ~=val] & lt;/h4>
& lt; div类=白蟆眛estattr=" true "比;
& lt; div类=" div " testattr=" true " name=皃1”比;
& lt; a> [att=val] & lt;/a>
& lt;/div>
& lt; div类=" div " testattr=" true " p2>
& lt; a> (att) & lt;/a>
& lt;/div>
& lt; div类=" div " testattr=" true " name=?”比;
& lt; a> [att |=val] & lt;/a>
& lt;/div>
& lt; div类=" div " testattr=" true " name=癰”比;
& lt; a> [att ~=val] & lt;/a>
& lt;/div>
& lt;/div>
& lt;脚本type=" text/javascript祝辞//查找所有div中,属性name=p1的div元素
$ (" div [name=p1] ")。css(“边界”,“3 px沟红”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//查找所有div中,有属性p2的div元素
$ (" div (p2)”)。css(“边界”,“蓝色3 px槽”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//查找所有div中,有属性中名称的值只包含一个连字符“-”的div元素
$ (" div[名称|='——']”)。css(“边界”,“3 px槽# 00 ff00”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//查找所有div中,有属性中名称的值包含一个连字符“空”和“a”的div元素
$ (" div[名字~=' a ']”)。css(“边界”,“3 px槽# 668 b8b”);
& lt;/script>
& lt; h4> [att ^=val], [att *=val], [att=val美元],[att !=val] & lt;/h4>
& lt; div类=白蟆眛estattr=" true "比;
& lt; div类=" div " testattr=" true " name=' imooc-aaorn祝辞
& lt; a> [att ^=val] & lt;/a>
& lt;/div>
& lt; div类=" div " testattr=" true " name=' aaorn-imooc祝辞
& lt; a> [att美元=val] & lt;/a>
& lt;/div>
& lt; div类=" div " testattr=" true " name=癮ttr-test-selector”比;
& lt; a> [att *=val] & lt;/a>
& lt;/div>
& lt; div类=" div " name=癰”比;
& lt; a> [att !=val] & lt;/a>
& lt;/div>
& lt;/div>
& lt;脚本type=" text/javascript祝辞//查找所有div中,属性名称的值是用imooc开头的
$ (" div[名字^=imooc] ")。css(“边界”,“3 px沟红”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//查找所有div中,属性名称的值是用imooc结尾的
$ (" div[名称$=imooc] ")。css(“边界”,“蓝色3 px槽”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//查找所有div中,有属性中名称的值包含一个测试字符串的div元素
$ (" div[名称*='测试']”)。css(“边界”,“3 px槽# 00 ff00”);
& lt;/script>
& lt;脚本type=" text/javascript祝辞//查找所有div中,有属性testattr中的值没有包含“真正”的div
$ (" div [testattr !='真的']”)。css(“边界”,“3 px槽# 668 b8b”);
& lt;/script>
& lt;/body>
& lt;/html>
以上这篇jQuery选择器之属性筛选选择器用法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
