Отримати елементи на основі атрибутів
1. Наприклад, ви хочете отримати елемент з id у тегу page p
$("p[id]").css("колір","червоний");
Отримати елементи на основі значень атрибутів
1.$。 У jQuery, $("<span>"), цей синтаксис еквівалентний $(document.createElement("span")), що використовується при виборі елемента: [attribute$=value], відповідність заданому атрибуту — це елемент, що закінчується на певне значення. Ось приклад:
HTML-код
Копіювання коду Код виглядає так:
<введіть ім'я="розсилка" />
<введіть ім'я="молочник" />
<введіть ім'я="jobletter" />
jQuery код:
- $("input[name$='letter']")
Результат:
[ <ввести ім'я="newsletter" />, <ввести ім'я="jobletter" /> ]
2.!。 Селектор: [атрибут!=значення], відповідає всім елементам, які не містять заданого атрибуту або чиї атрибути не дорівнюють конкретному значенню, цей селектор еквівалентний :not([attr=значення]).
Ось кілька прикладів:
<input type="checkbox" name="value" newsletter value="Hot Fuzz" />
<input type="checkbox" name="value" newsletter value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery код:
- $("input[name!='newsletter']").attr("checked", true);
Результат:
[ <тип введення="галочка" ім'я="прийняти" значення="Злі плани" відзначено="true" /> ]
3.*。 Селектор: [атрибут*=значення], що відповідає заданому атрибуту, є елемент, що містить певні значення. Ось приклад:
HTML-код:
<ввести ім'я="man-news" />
<введіть ім'я="молочник" />
<введення ім'я="letterman2" />
<введіть ім'я="newmilk" />
jQuery код:
Результат:
[ <ввести ім'я="man-news" />, <ввести ім'я="milkman" />, <ввести ім'я="letterman2" /> ]
4.@。 Зіставте елементи, які містять заданий атрибут. Зверніть увагу, що в jQuery 1.3 провідний символ @ було скасовано! Якщо хочете бути сумісними з останньою версією, просто прибрати символ @
Так.
5.^。 Селектор: [атрибут^=значення], відповідність заданому атрибуту — це елемент, який починається з певного значення, ось приклад:
HTML-код:
<введіть ім'я="розсилка" />
<введіть ім'я="молочник" />
<введіть ім'я="газетний хлопець" />
jQuery код:
Результат:
[ <ввести ім'я="newsletter" />, <ввести ім'я="newsboy" /> ]
6 Отримати елемент із заданим атрибутом і заданим рядком у налаштуваннях
HTML-код:
- <p><input type="checkbox" name="newsletter" value="Hot Fuzz"/> </p><p><input type="checkbox" name="newsletter" value="Cold Fusion" /> </p><p><input type="checkbox" name="accept" value="Evil Plans" /> </p>
jQuery код:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Звісно, його також можна отримати на основі атрибутів id або інших атрибутів, таких як $("input[id=id1]").css("колір",червоний);
У jquery, при використанні $("input[name='metaId']").val() не може безпосередньо отримати значення вибраного радіо, а лише перше значення радіотегу, це може бути пов'язано з jquery за допомогою мови xpath для пошуку, і ми зазвичай хочемо отримати значення вибраного радіо, існує кілька методів:
1. Використовуйте $("input[name='metaId']:checked").val(), щоб отримати //name для представлення імені атрибута імені в радіо
2. Використовуйте $(":radio:checked").val() для отримання // Обмежити сторінку лише одним набором радіотегів
|
Опубліковано 28.10.2015 19:30:55
|
|
|
