JQuery Attribute Manipulation

Question

Когда я просматриваю в Интернете про JQuery, и я получил чит-лист jquery. Там я очень смущен тем, как использовать следующее условие. Помогите мне.

[attribute|=val] 
[attribute*=val] 
[attribute~=val] 
[attribute$=val] 
[attribute=val] 
[attribute!=val] 
[attribute^=val] 
[attribute] 
[attribute1=val1] [attribute2=val2] 

Каковы функции этих специальных символов *, ~, $,!, ^? Огромное спасибо.

Answer 1

Обратитесь к attribute selectors:

• =: equals
• ^: starts with
• $: ends with
• !: not equals
• *: contains
• ~: contains word
• |: contains prefix
• [name]: has attributename

Ваш последний пример может означать одно из двух вещей, в зависимости от того, имеет ли это пространство между ними или нет:

• [attr1=foo][attr2=bar] средства найти элементы, которые имеют атрибут attr1 со значением fooиattr2 со значением bar; но

• [attr1=foo] [attr2=bar] означает найти элементы с атрибутом attr1 со значением foo, которые имеют потомков с атрибутом attr2 со значением bar.

Пространство здесь делает важную семантическую разницу в выражении.