Di CSS, Anda dapat memilih semua
elemen pada halaman dengan ini:
h1 ( /* style all
elements */ )
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