Получаване на елементи въз основа на атрибути
1. Например, искате да получите елемент с id в страницата p таг
$("p[id]").css("цвят","червено");
Получаване на елементи въз основа на стойности на атрибути
1.$。 В jQuery, $("<span>"), този синтаксис е еквивалентен на $(document.createElement("span")), което е употреба, използвана при избор на елемент: [attribute$=стойност], съвпадение на даден атрибут е елемент, завършващ с някаква стойност. Ето един пример:
HTML код
Копирай код Кодът е както следва:
<въведете име="бюлетин" />
<input name="milkman" />
<input name="jobletter" />
jQuery код:
- $("input[name$='letter']")
Резултат:
[ <въведете име="бюлетин" />, <въведете име="jobletter" /> ]
2.!。 Селектор: [атрибут!=стойност], съвпада с всички елементи, които не съдържат определен атрибут или чийто атрибут не е равен на конкретна стойност, този селектор е еквивалентен на :not([attr=стойност]).
Ето няколко примера:
<input type="отметка" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery код:
- $("input[name!='newsletter']").attr("checked", true);
Резултат:
[ <input type="отметка" име = "прием" стойност="Зли планове" отметна="true" /> ]
3.*。 Селектор: [атрибут*=стойност], съвпадащ с даден атрибут, е елемент, съдържащ определени стойности. Ето един пример:
HTML код:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery код:
Резултат:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。 Съвпадение на елементи, които съдържат даден атрибут. Обърнете внимание, че в jQuery 1.3 водещият @ символ е премахнат! Ако искате да сте съвместими с най-новата версия, просто трябва да премахнете @ символа
Да.
5.^。 Селектор: [атрибут^=стойност], съвпадането на даден атрибут е елемент, който започва с определена стойност, ето пример:
HTML код:
<въведете име="бюлетин" />
<input name="milkman" />
<въведете име="новинар" />
jQuery код:
Резултат:
[ <въведете име="бюлетин" />, <въведете име="новинар" /> ]
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 ч.
|
|
|
