Attribute Contains Word Selector [name~="value"]

发布于 2017-09-11 13:53:02 字数 1023 浏览 1056 评论 0 收藏 0

所属分类：选择器 > 属性选择器

attributeContainsWord selector

描述: 选择指定属性用空格分隔的值中包含一个给定值的元素。

添加的版本: 1.0jQuery( "[attribute~='value']" )
attribute: 一个属性名.
value: 一个属性值，可以是一个不带引号的一个单词或带一个引号的字符串。

这个选择器测试属性值中的每个单词字符串，其中“word”是一个由空白分隔的字符串定义的。如果测试字符串恰好等于任何一个字词这个选择器将选择。

例子:

查找所有属性中含有 'man' 这个单词的文本框，并且修改其文本值。

<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
  <input name="man-news" />
 
  <input name="milk man" />
  <input name="letterman2" />
  <input name="newmilk" />
<script>$('input[name~="man"]').val('mr. man is in it!');</script>
 
</body>
</html>

分享到QQ

分享到微博