# 04: Selektor jQuery adalah Selektor CSS3 - Trik CSS

Daftar Isi:

Anonim

Di CSS, Anda dapat memilih semua

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

elements */ )

Di jQuery, Anda dapat menggunakan selektor yang sama persis.

$("h1") // set of all

elements

Faktanya, Anda dapat menggunakan pemilih CSS apa pun (bahkan pemilih CSS3) di jQuery. Dalam screencast ini kami bahkan menggunakan: pemilih tipe n untuk memilih istilah definisi kedua dalam daftar definisi:

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

Metode .html () itu berguna. Ini memungkinkan Anda untuk mengubah (atau mendapatkan) "innerHTML" dari sebuah elemen. Bukan elemen itu sendiri, tapi semua yang ada di dalamnya. "Nyali" yang bisa Anda katakan. Ini mirip dengan metode .text (), tetapi text () secara harfiah hanya untuk teks. Itu tidak akan mengembalikan HTML sebenarnya dari dalam elemen. Jadi jika "nyali" adalah Some text, itu hanya akan mengembalikan "Beberapa teks". Menyetel teks dengannya akan keluar dari HTML apa pun yang Anda masukkan, yang berarti Anda akan melihat "". Mendapatkan teks dengannya juga unik, karena jika Anda memilih beberapa elemen, itu akan mengembalikan teks gabungan dari semuanya, yang unik di jQuery. Dalam kasus lain ketika Anda "mendapatkan" nilai dari suatu metode, metode itu akan mengembalikan nilai dari yang pertama dalam kumpulan. Suka .height()hanya akan mengembalikan tinggi dari elemen pertama dalam set.

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