Bagaimana untuk menetapkan semua elemen di bawah div dalam jquery

Baru-baru ini, saya menghadapi masalah semasa membangunkan tapak web: Bagaimana untuk menggunakan jQuery untuk menetapkan semua elemen di bawah div tertentu?

Di tapak web saya, saya mempunyai div yang mengandungi beberapa p, h2 dan tag. Saya mahu menetapkan warna p kepada merah dan warna h2 dan a kepada biru menggunakan jQuery.

Untuk mencapai ini, saya perlu memilih div ini terlebih dahulu dan kemudian menggunakan pemilih jQuery untuk memilih semua elemen di dalamnya dan menetapkan warnanya kepada nilai yang sepadan.

Pertama, saya menggunakan fungsi $() jQuery untuk memilih div ini, seperti yang ditunjukkan di bawah:

var myDiv = $('div');

Seterusnya, saya menggunakan fungsi find() jQuery untuk memilih semua p, h2 dan a tag, dan tetapkan warnanya kepada merah dan biru:

myDiv.find('p').css('color', 'red');
myDiv.find('h2, a').css('color', 'blue');

Di sini, saya menggunakan fungsi css() jQuery untuk menetapkan warna elemen.

Jika anda tidak mahu menggunakan berbilang fungsi css(), anda boleh menggabungkan semua elemen bersama seperti berikut:

myDiv.find('p, h2, a').css('color', 'red');

Dengan cara ini, semua elemen akan dipilih bersama dan ditetapkan warna mereka.

Di tapak web saya, saya mempunyai div lain yang saya mahu tetapkan warna latar belakangnya kepada kuning. Untuk mencapai ini, saya boleh menggunakan kod seperti ini:

$('div#myOtherDiv').css('background-color', 'yellow');

Di sini, saya menggunakan fungsi $() jQuery untuk memilih div dengan ID myOtherDiv. Saya kemudian menetapkan warna latar belakangnya kepada kuning menggunakan fungsi css().

Apa pun, sangat mudah untuk menetapkan semua elemen di bawah div menggunakan jQuery. Mula-mula, pilih div ini, kemudian gunakan fungsi find() untuk memilih semua elemen di dalamnya dan tetapkan sifatnya kepada nilai yang sesuai. Jika anda ingin memilih berbilang elemen dan menggabungkannya bersama, anda boleh memisahkannya dengan koma.

Saya harap artikel ini dapat membantu anda, terima kasih kerana membaca!

Atas ialah kandungan terperinci Bagaimana untuk menetapkan semua elemen di bawah div dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!