|
|
Yayınlandı 28.10.2015 19:30:55
|
|
|
Niteliklere dayalı elemanlar elde edin
1. Örneğin, sayfa p etiketinde id olan bir eleman almak istersiniz
$("p[id]").css("renk","kırmızı");
Öznitelik değerlerine göre elemanlar elde edin
1.$。 jQuery'de, $("<span>"), bu sözdizimi $(document.createElement("span")'a eşdeğerdir; bu da bir eleman seçilirken kullanılan bir kullanımdır: [attribute$=value], verilen bir özniteliğe uymak, bir değerle biten bir elemandır. İşte bir örnek:
HTML kodu
Kopyalama kodu Kod şöyledir:
<input name="newsletter" />
<giriş adı="sütçü" />
<input name="iş mektubu" />
jQuery kodu:
- $("input[name$='letter']")
Sonuç:
[ <ad="bülten" gir />, <giriş adı="iş mektubu" /> ]
2.!。 Seçici: [attribute!=value], belirli bir öznitelik içermeyen veya özniteliği belirli bir değere eşit olmayan tüm elemanları eşleştirir, bu seçici :not([attr=value]'ya eşdeğerdir.
İşte bazı örnekler:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Kötü Planlar" />
jQuery kodu:
- $("input[name!='newsletter']").attr("checked", true);
Sonuç:
[ <giriş tipi="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。 Seçici: [attribute*=value], belirli bir öznitelikle eşleşen bir eleman belirli değerleri içerir. İşte bir örnek:
HTML kodu:
<input name="man-news" />
<giriş adı="sütçü" />
<input name="letterman2" />
<input name="newmilk" />
jQuery kodu:
Sonuç:
[ <giriş adı="adam-haber" />, <giriş adı="sütçü" />, <giriş adı="letterman2" /> ]
4.@。 Belirli bir özniteliği içeren öğeleri eşleştir. jQuery 1.3'te önde gelen @ sembolünün kaldırıldığını unutmayın! En son sürümle uyumlu olmak istiyorsanız, sadece @ sembolünü kaldırmanız yeterli
Evet.
5.^。 Seçici: [attribute^=value], belirli bir öznitelikle eşleşmek, bir değerle başlayan bir elemandır, işte bir örnek:
HTML kodu:
<input name="newsletter" />
<giriş adı="sütçü" />
<giriş adı="haber çocuğu" />
jQuery kodu:
Sonuç:
[ <ad="bülten" />, <name="haber çocuğu" /> gir adı="haber çocuğu" ]
6 Belirli bir özniteliğe ve ayarda belirtilmiş bir dizeye sahip bir eleman elde edin
HTML kodu:
- <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 kodu:
- $("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
Elbette, id nitelikleri veya $("input[id=id1]").css("color",kırmızı) gibi diğer niteliklere göre de elde edilebilir;
jquery'de, $("input[name='metaId']").val() kullanıldığında seçilen radyonun değerini doğrudan elde edemez, ancak sadece radyo etiketinin ilk değerini elde edemez; bu jquery ile ilgili olabilir ve genellikle seçilen radyonun değerini almak isteriz, birkaç yöntem vardır:
1. Radyoda isim öznitelik adını temsil etmek için //name almak için $("input[name='metaId']:checked").val() kullanın
2. // Sayfayı sadece bir radyo etiketi setiyle sınırlamak için $(":radio:checked").val() kullanın
|
Önceki:Bir istemci MD5 şifreli js script gönderÖnümüzdeki:Ruijie, Liunx altında kampüs ağına giriş yapabilir mi, Ruijie istemcisi Liunx altında kimdir?
|
