# 04: selektory jQuery to selektory CSS3 - CSS-Tricks

Spisie treści:

Anonim

W CSS możesz zaznaczyć wszystko

elementy na stronie z tym:
h1 ( /* style all

elements */ )

W jQuery możesz użyć dokładnie tego samego selektora.

$("h1") // set of all

elements

W rzeczywistości możesz użyć dowolnego selektora CSS (nawet selektorów CSS3) w jQuery. W tym screencastie użyliśmy nawet selektora: nth-of-type, aby wybrać drugi termin definicji z listy definicji:

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

Ta metoda .html () jest przydatna. Umożliwia zmianę (lub pobranie) „wewnętrznego HTML” elementu. Jak w, nie sam element, ale wszystko w nim. „Odwagi” można powiedzieć. Jest podobna do metody .text (), ale text () jest dosłownie tylko dla tekstu. Nie zwróci rzeczywistego kodu HTML z wnętrza elementu. Więc jeśli „wnętrzności” byłyby Some text, po prostu zwróciłoby „jakiś tekst”. Ustawienie za jego pomocą tekstu spowoduje uniknięcie dowolnego wstawionego kodu HTML, co oznacza, że ​​dosłownie zobaczysz „”. Pobieranie z nim tekstu jest również unikalne, ponieważ jeśli wybierzesz wiele elementów, zwróci połączony tekst z nich wszystkich, co jest unikalne w jQuery. W innych przypadkach, gdy „pobierzesz” wartość z metody, zwróci ona wartość z pierwszej w zestawie. Like .height()zwróci wysokość z pierwszego elementu w zestawie.

Zobacz pióro eab1c311dd6e399a2006f1694bbbe051 autorstwa Chrisa Coyiera (@chriscoyier) na CodePen