Dapatkan elemen berdasarkan atribut
1. Misalnya, Anda ingin mendapatkan elemen dengan id di tag halaman p
$("p[id]").css("warna","merah");
Dapatkan elemen berdasarkan nilai atribut
1.$。 Dalam jQuery, $("<span>"), sintaks ini setara dengan $(document.createElement("span")), yang merupakan penggunaan yang digunakan saat memilih elemen: [attribute$=value], mencocokkan atribut tertentu adalah elemen yang diakhiri dengan nilai tertentu. Berikut contohnya:
Kode HTML
Salin kode Kodenya adalah sebagai berikut:
<input name="newsletter" />
<nama input = "tukang susu" />
<nama input = "jobletter" />
kode jQuery:
- $("input[name$='letter']")
Hasil:
[ <input name = "newsletter" />, <input name = "jobletter" /> ]
2.!。 Pemilih: [atribut!=nilai], cocok dengan semua elemen yang tidak berisi atribut tertentu, atau yang atributnya tidak sama dengan nilai tertentu, pemilih ini setara dengan :not([attr=value]).
Berikut adalah beberapa contohnya:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Rencana Jahat" />
kode jQuery:
- $("input[name!='newsletter']").attr("checked", true);
Hasil:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。 Pemilih: [attribute*=value], yang cocok dengan atribut tertentu adalah elemen yang berisi nilai tertentu. Berikut contohnya:
Kode HTML:
<input name="man-news" />
<nama input = "tukang susu" />
<input name = "letterman2" />
<nama input = "newmilk" />
kode jQuery:
Hasil:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。 Cocokkan elemen yang berisi atribut tertentu. Perhatikan bahwa di jQuery 1.3, simbol @ di depan telah dihapuskan! Jika Anda ingin kompatibel dengan versi terbaru, Anda hanya perlu menghapus simbol @
Ya.
5.^。 Pemilih: [attribute^=value], mencocokkan atribut tertentu adalah elemen yang dimulai dengan beberapa nilai, berikut contohnya:
Kode HTML:
<input name="newsletter" />
<nama input = "tukang susu" />
<input name = "newsboy" />
kode jQuery:
Hasil:
[ <input name="newsletter" />, <input name="newsboy" />]
6 Dapatkan elemen dengan atribut yang ditentukan dan string yang ditentukan dalam pengaturan
Kode 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>
kode jQuery:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Tentu saja, itu juga dapat diperoleh berdasarkan atribut id atau atribut lainnya, seperti $("input[id=id1]").css("color",red);
Dalam jquery, saat menggunakan $("input[name='metaId']").val() tidak dapat secara langsung mendapatkan nilai radio yang dipilih, tetapi hanya nilai pertama dari tag radio, ini mungkin terkait dengan jquery menggunakan bahasa xpath untuk pencarian, dan kita biasanya ingin mendapatkan nilai radio yang dipilih, ada beberapa metode:
1. Gunakan $("input[name='metaId']:checked").val() untuk mendapatkan //name untuk mewakili nama atribut nama di radio
2. Gunakan $(":radio:checked").val() untuk mendapatkan // Batasi halaman hanya untuk satu set tag radio
|
Diposting pada 28/10/2015 19.30.55
|
|
|
