Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 12901|Odpowiedź: 0

[Szarpanie] Pozyskiwanie elementów na podstawie atrybutów lub wartości atrybutów w JQuery (6 sposobów ich zdobycia)

[Skopiuj link]
Opublikowano 28.10.2015 19:30:55 | | |
Uzyskaj elementy na podstawie atrybutów

1. Na przykład, chcesz uzyskać element o id w tagu page p

$("p[id]").css("kolor","czerwony");

Uzyskaj elementy na podstawie wartości atrybutów
1.$。 W jQuery, $("<span>"), ta składnia jest równoważna z $(document.createElement("span")), co jest użyciem używanym przy wyborze elementu: [attribute$=value], dopasowanie do danego atrybutu to element kończący się na pewną wartość. Oto przykład:
Kod HTML
Skopiuj kod Kod wygląda następująco:

<nazwa wpisu="newsletter" />
<nazwa wejściowa="mleczarz" />
<nazwa wpisu="jobletter" />

jKod zapytania:

  1. $("input[name$='letter']")
Skopiuj kod


Wynik:
[ <nazwa="newsletter" />, <nazwa="jobletter" /> ]

2.!。 Selektor: [attribute!=value], dopasowuje wszystkie elementy, które nie zawierają określonego atrybutu lub których atrybut nie odpowiada określonej wartości, ten selektor jest równoważny :not([attr=value]).
Oto kilka przykładów:

<typ input="checkbox" nazwa="newsletter" wartość="Hot Fuzz" />
<typ wejścia="checkbox" nazwa="newsletter" wartość="Cold Fusion" />
<typ wejścia="checkbox" nazwa="zaakceptuj" wartość="Złe Plany" />

jKod zapytania:

  1. $("input[name!='newsletter']").attr("checked", true);
Skopiuj kod


Wynik:
[ <typ wejścia="checkbox" nazwa="zaakceptuj" wartość="Złe Plany" zaznaczone="true" /> ]

3.*。 Selektor: [atrybut*=wartość], dopasowanie danego atrybutu to element zawierający określone wartości. Oto przykład:
Kod HTML:


<nazwa="man-news" />
<nazwa wejściowa="mleczarz" />
<nazwa wejściowa="letterman2" />
<nazwa wejściowa="newmilk" />

jKod zapytania:


  1. $("input[name*='man']")
Skopiuj kod


Wynik:
[ <nazwa wejściowa="man-news" />, <nazwa="milkman" />, <nazwa="letterman2" /> ]

4.@。 Dopasuj elementy, które zawierają daną cechę. Należy zauważyć, że w jQuery 1.3 symbol wiodącego @ został zniesiony! Jeśli chcesz być kompatybilny z najnowszą wersją, wystarczy po prostu usunąć symbol @
Tak.

5.^。 Selektor: [attribute^=value], dopasowanie danego atrybutu to element zaczynający się od pewnej wartości, oto przykład:
Kod HTML:

<nazwa wpisu="newsletter" />
<nazwa wejściowa="mleczarz" />
<nazwa="newsboy" />

jKod zapytania:

  1. $("input[name^='news']")
Skopiuj kod


Wynik:
[ <nazwa="newsletter" />, <nazwa="newsboy" /> ]

6 Uzyskaj element z określonym atrybutem i określonym ciągiem w ustawieniu
Kod HTML:

  1. <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>
Skopiuj kod


jKod zapytania:

  1. $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Skopiuj kod


Oczywiście można ją również uzyskać na podstawie atrybutów id lub innych atrybutów, takich jak $("input[id=id1]").css("color",red);
W jquery, używając $("input[name='metaId']").val() nie można bezpośrednio uzyskać wartości wybranego radia, a jedynie pierwszej wartości tagu radiowego, może to być powiązane z jquery używającym języka xpath do wyszukiwania, a zazwyczaj chcemy uzyskać wartość wybranego radia, istnieje kilka metod:
1. Użyj $("input[name='metaId']:checked").val(), aby //name reprezentowało nazwę atrybutu imienia w radiu
2. Użyj $(":radio:checked").val(), aby uzyskać // Ogranicz stronę do jednego zestawu znaczników radiowych





Poprzedni:Wyślij klientowi skrypt js zaszyfrowany MD5
Następny:Czy Ruijie pod Liunx może zalogować się do sieci kampusowej, która ma klienta Ruijie pod Liunx?
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com