这个运算符 ~= 在 jQuery 中是什么意思?

6

我在某个地方看到了这个代码 $("a[rel~='single']")。那么jquery中的运算符~=是什么意思呢?

有人知道它的文档在哪里吗?

提前感谢。


7
JQuery 属性包含特定词语选择器(Attribute Contains Word Selector):通过使用属性包含特定词语选择器,您可以选择具有特定属性并且该属性值包含指定词语的元素。该选择器使用方括号表示法,并使用“~=”操作符进行匹配。语法:[attr~=value]示例:选择所有带有 class 属性且其属性值包含单词 "example" 的元素:$(".example[class~=example]") - nbrooks
2
7个踩?对我来说似乎是一个合理的问题。 - Curtis
1
好的,当我搜索~=时,它什么也没有返回...不管怎样感谢大家。我想要的只是答案。 - tipsywacky
5个回答

6
当属性选择器中的等号(=)前面加上波浪线(~)时,表示该选择器将匹配任何一个给定属性的空格分隔值。因此,第一个规则的选择器 *[class~="urgent"] 将匹配以下任意一个元素:
<p class="very urgent really">
<table class="urgent">
<ul class="not urgent">
<pre class="not terribly urgent but still worth knowing">

来源:http://meyerweb.com/eric/articles/webrev/200008b.html


在这里查找tilde选择器的jQuery文档:

http://api.jquery.com/attribute-contains-word-selector/


2

属性包含单词选择器 [name~="value"]

该选择器会将测试字符串与属性值中的每个单词进行匹配,其中“单词”被定义为由空格分隔的字符串。如果测试字符串与任何单词完全相等,则选择器匹配。


2

1

1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接