Bagaimana untuk melaksanakan gaya penyingkiran nod saudara dalam jquery

Kaedah: 1. Gunakan fungsi seperti siblings() dan next() untuk mendapatkan sibling nod bagi elemen yang dinyatakan ialah "specified element.siblings()" 2. Gunakan removeClass() atau removeAttr() untuk mengalih keluar elemen yang ditentukan Pilih gaya elemen dengan sintaks "sibling node.removeClass()".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

gaya penyingkiran nod adik beradik jquery, anda boleh melihat dua bahagian:

• Cari nod adik beradik

• Alih keluar gaya nod yang dipilih

1 Cari nod adik beradik

jquery menyediakan pelbagai cara untuk mendapatkan saudara ke sana. secara amnya ialah tujuh kaedah untuk nod:

• kaedah adik beradik(), yang digunakan terutamanya untuk mendapatkan semua elemen adik beradik pada tahap yang sama unsur tertentu

• Kaedah seterusnya() digunakan terutamanya untuk mendapatkan elemen adik beradik seterusnya bagi elemen yang ditentukan

• kaedah nextAll() digunakan terutamanya untuk mendapatkan semua elemen adik beradik adik beradik seterusnya elemen elemen yang ditentukan

• kaedah nextUntil() digunakan terutamanya untuk mendapatkan elemen adik beradik seterusnya bagi elemen yang ditentukan ini mestilah elemen antara elemen yang ditentukan dan set elemen dengan kaedah nextUntil()

• kaedah prev(), terutamanya digunakan untuk mendapatkan elemen adik beradik sebelumnya bagi elemen yang ditentukan

• prevAll() kaedah, terutamanya digunakan untuk mendapatkan elemen adik-beradik sebelumnya bagi unsur yang ditentukan Tahap semua unsur adik-beradik

• Kaedah prevUntil() digunakan terutamanya untuk mendapatkan unsur adik-beradik sebelumnya bagi unsur yang ditentukan Ini elemen adik-beradik mestilah antara elemen yang ditentukan dan elemen yang ditetapkan oleh kaedah prevUntil() Elemen antara

Contoh: Gunakan next() untuk mendapatkan nod adik-beradik seterusnya bagi elemen yang dipilih h2.

$("h2").next()

2. Alih keluar nod yang dipilih Gaya

• Gunakan removeClass() untuk mengalih keluar kelas CSS yang ditentukan

Contoh 1: Alih keluar gaya nod adik beradik seterusnya

	
		
		
		
		
	
	
		
div (父)
			
p（兄弟元素）
			span（兄弟元素）
			
h2（本元素）
			
h3（兄弟元素）
			
p（兄弟元素）
		
		移除兄弟节点的样式
	

Contoh 2: Alih keluar gaya semua nod adik beradik

$(document).ready(function() {
	$("button").click(function() {
		$("h2").siblings().removeClass();
	});
});

• Gunakan removeAttr() untuk mengalih keluar atribut id, kelas atau gaya

$(document).ready(function() {
	$("button").click(function() {
		$("h2").siblings().removeAttr("class");
	});
});

[Pembelajaran yang disyorkan: Tutorial video jQuery, Video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan gaya penyingkiran nod saudara dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!