# 04: Pemilih jQuery adalah Pemilih CSS3 - Trik CSS

Isi kandungan:

Anonim

Dalam CSS, anda boleh memilih semua

elemen di halaman dengan ini:
h1 ( /* style all

elements */ )

Di jQuery, anda boleh menggunakan pemilih yang sama persis.

$("h1") // set of all

elements

Sebenarnya, anda boleh menggunakan mana-mana pemilih CSS (malah pemilih CSS3) di jQuery. Dalam screencast ini kita bahkan menggunakan: pemilih jenis-n untuk memilih istilah definisi kedua dalam senarai definisi:

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

Kaedah .html () itu berguna. Ini membolehkan anda mengubah (atau mendapatkan) "innerHTML" elemen. Seperti di dalamnya, bukan elemen itu sendiri, tetapi semua yang ada di dalamnya. "Usus" yang boleh anda katakan. Ia serupa dengan kaedah .text (), tetapi teks () secara harfiah hanya untuk teks. Ia tidak akan mengembalikan HTML sebenar dari dalam elemen. Jadi jika "keberanian" itu Some text, ia hanya akan mengembalikan "Beberapa teks". Menetapkan teks dengannya akan melarikan diri dari HTML yang anda masukkan, yang bermaksud anda akan melihat "". Mendapatkan teks adalah unik juga, kerana jika anda memilih beberapa elemen, ia akan mengembalikan gabungan teks dari semuanya, yang unik dalam jQuery. Dalam kes lain apabila anda "mendapatkan" nilai dari suatu kaedah, ia akan mengembalikan nilai dari yang pertama dalam set. Suka .height()akan mengembalikan ketinggian dari elemen pertama dalam set.

Lihat Pen eab1c311dd6e399a2006f1694bbbe051 oleh Chris Coyier (@chriscoyier) di CodePen