cari

Rumah  >  Artikel  >  hujung hadapan web  >  jQuery: definisi pemilih ibu bapa dan penggunaan_jquery

jQuery: definisi pemilih ibu bapa dan penggunaan_jquery

WBOY
WBOYasal
2016-05-16 16:42:421141semak imbas

:Takrifan dan penggunaan pemilih induk:

Pemilih ini memadankan elemen yang mengandungi unsur atau teks anak.
Nota: Ruang juga dianggap mengandungi elemen.

Struktur tatabahasa:

$(":ibu bapa")

Pemilih ini biasanya digunakan bersama dengan pemilih lain, seperti pemilih kelas, pemilih elemen, dsb. Contohnya:

$("div:parent").animate({width:"300px"})

Kod di atas boleh menetapkan lebar div yang mengandungi teks atau elemen kepada 300px.
Jika tidak digunakan dengan pemilih lain, keadaan lalai akan digunakan dengan pemilih *, contohnya, $(":parent") adalah bersamaan dengan $("*:parent").

Contoh kod:

Contoh 1:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<style type="text/css"> 
div{ 
list-style-type:none; 
width:150px; 
height:30px; 
border:1px solid red; 
} 
</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
$("div:parent").animate({width:"300px"}) 
}) 
}) 
</script> 
</head> 
<body> 
<div>我是文本</div> 
<div></div> 
<button>点击查看效果</button> 
</body> 
</html>

Kod di atas boleh menetapkan lebar div yang mengandungi teks atau elemen kepada 300 dalam animasi tersuai.

Contoh 2:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<style type="text/css"> 
div{ 
list-style-type:none; 
width:150px; 
height:30px; 
border:1px solid red; 
} 
span{border:1px solid green;} 
</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
$("*:parent").animate({width:"300px"}) 
}) 
}) 
</script> 
</head> 
<body> 
<div>我是文本</div> 
<div></div> 
<span>大家好</span> 
<button>点击查看效果</button> 
</body> 
</html>

Memandangkan kod di atas tidak menyatakan pemilih untuk digunakan dengan pemilih :induk, ia digunakan dengan pemilih * secara lalai Oleh itu, kod boleh menetapkan lebar elemen yang mengandungi teks dan elemen dalam animasi tersuai. 300px.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Pemahaman yang tepat tentang pelbagai ketinggian tetingkap jQuery, dokumen dan halaman web_jqueryArtikel seterusnya：Pemahaman yang tepat tentang pelbagai ketinggian tetingkap jQuery, dokumen dan halaman web_jquery

Artikel berkaitan

Lihat lagi