# 04: jQuery Seçiciler CSS3 Seçicilerdir - CSS Hileleri

İçindekiler:

Anonim

CSS'de tümünü seçebilirsiniz

bununla sayfadaki öğeler:
h1 ( /* style all

elements */ )

JQuery'de aynı seçiciyi kullanabilirsiniz.

$("h1") // set of all

elements

Aslında, jQuery'de herhangi bir CSS seçiciyi (hatta CSS3 seçiciyi) kullanabilirsiniz. Bu ekran video kaydında, bir tanım listesindeki ikinci tanım terimini seçmek için: n'inci tür seçicisini bile kullandık:

$("dt:nth-of-type(2)") .html("I'm the second definition term!");

Bu .html () yöntemi kullanışlı bir yöntemdir. Bir öğenin "innerHTML" ni değiştirmenize (veya almanıza) olanak tanır. Olduğu gibi, elementin kendisi değil, içindeki her şey. Söyleyebileceğiniz "cesaret". .Text () yöntemine benzer, ancak text () kelimenin tam anlamıyla yalnızca metin içindir. Öğenin içinden gerçek HTML döndürmez. Yani "cesaret" Some textolsaydı, sadece "Bazı metinler" döndürürdü. Onunla metin ayarlamak, koyduğunuz herhangi bir HTML'den çıkacaktır, yani kelimenin tam anlamıyla "" göreceksiniz. Bununla birlikte metin almak da benzersizdir, çünkü birden fazla öğe seçerseniz, jQuery'de benzersiz olan birleştirilmiş metni hepsinden döndürür. Diğer durumlarda, bir yöntemden bir değer "aldığınızda", kümedeki ilk değeri döndürür. Like .height(), sadece setteki ilk öğeden yüksekliği döndürecektir.

CodePen'de Chris Coyier (@chriscoyier) tarafından hazırlanan Pen eab1c311dd6e399a2006f1694bbbe051'e bakın