jQuery: definisi pemilih ibu bapa dan penggunaan_jquery
: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.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Apakah pengecam pemilih id dalam css
Sep 22, 2022 pm 03:57 PM
Dalam CSS, pengecam pemilih id ialah "#". Anda boleh menentukan gaya khusus untuk elemen HTML yang ditandakan dengan nilai atribut id tertentu Struktur sintaks ialah "nilai #ID {attribute: attribute value;}". Atribut ID adalah unik dan tidak boleh diulang dalam keseluruhan halaman; nilai atribut ID tidak seharusnya bermula dengan nombor yang bermula dengan nombor tidak akan berfungsi dalam pelayar Mozilla/Firefox.
Gunakan pemilih kelas pseudo :nth-child(n+3) untuk memilih gaya elemen anak yang kedudukannya lebih besar daripada atau sama dengan 3
Nov 20, 2023 am 11:20 AM
Gunakan pemilih kelas pseudo :nth-child(n+3) untuk memilih gaya elemen anak yang kedudukannya lebih besar daripada atau sama dengan 3. Contoh kod khusus adalah seperti berikut: Kod HTML: <divid="container" ><divclass="item"> ;Elemen anak pertama</div><divclass="item"&
Apa yang perlu dilakukan jika pemilih javascript gagal
Feb 10, 2023 am 10:15 AM
Pemilih JavaScript gagal kerana kod tidak diseragamkan Penyelesaiannya ialah: 1. Alih keluar kod JS yang diimport dan kaedah pemilih ID akan berkesan 2. Hanya perkenalkan kod JS yang ditentukan sebelum memperkenalkan "jquery.js".
css pembelajaran pseudo-selector analisis pseudo-class selector
Aug 03, 2022 am 11:26 AM
Dalam artikel sebelumnya "Pembelajaran Pemilih Css - Analisis Pemilih Unsur Pseudo", kami mempelajari tentang pemilih elemen pseudo, dan hari ini kita melihat dengan lebih dekat pemilih kelas pseudo saya harap ia akan membantu semua orang!
Bagaimana untuk mengakses sifat kelas induk dalam Python?
Aug 26, 2023 am 10:17 AM
Pengaturcaraan berorientasikan objek, pewarisan membenarkanmewujudkan kelasyang mewarisi sifat dan kaedah kelas sedia ada.Konsep berkuasa ini membolehkan penggunaan semula kod, kemodularan, dan kebolehekstensilan dalam atur cara anda.Sebelum masuk ke dalam mengakses atribut kelas ibu bapa, mari kita cukur
Adakah pemilih dalam css termasuk pemilih tag hiperteks?
Sep 01, 2022 pm 05:25 PM
Tidak termasuk. Pemilih CSS termasuk: 1. Pemilih teg, yang mencari elemen HTML tertentu melalui nama elemen halaman HTML 2. Pemilih kelas, yang mencari elemen HTML tertentu melalui nilai atribut kelas elemen HTML; yang Cari elemen HTML tertentu melalui nilai atribut id elemen HTML 4. Pemilih kad bebas "*" boleh merujuk kepada semua jenis elemen teg, termasuk elemen tersuai 5. Pemilih atribut menggunakan nama atribut sedia ada; Elemen HTML atau nilai atribut untuk mencari elemen HTML tertentu.
Analisis mendalam tentang adalah dan di mana pemilih: meningkatkan tahap pengaturcaraan CSS
Sep 08, 2023 pm 08:22 PM
Analisis mendalam tentang adalah dan di mana pemilih: meningkatkan tahap pengaturcaraan CSS Pengenalan: Dalam proses pengaturcaraan CSS, pemilih adalah elemen penting. Mereka membenarkan kami memilih dan menggayakan elemen dalam dokumen HTML berdasarkan kriteria tertentu. Dalam artikel ini, kami akan menyelami dua pemilih yang biasa digunakan iaitu: pemilih dan pemilih tempat. Dengan memahami prinsip kerja dan senario penggunaan mereka, kami boleh meningkatkan tahap pengaturcaraan CSS dengan banyak. 1. ialah pemilih ialah pemilih ialah pilihan yang sangat berkuasa
Ketahui tentang pemilih yang disokong oleh lxml dalam satu artikel
Jan 13, 2024 pm 02:08 PM
lxml ialah perpustakaan Python yang berkuasa untuk memproses dokumen XML dan HTML. Sebagai alat penghuraian, ia menyediakan pelbagai pemilih untuk membantu pengguna mengekstrak data yang diperlukan daripada dokumen dengan mudah. Artikel ini akan memperkenalkan pemilih yang disokong oleh lxml secara terperinci. lxml menyokong pemilih berikut: Pemilih teg (ElementTagSelector): Pilih elemen mengikut nama teg. Contohnya, pilih elemen dengan nama teg tertentu dengan menggunakan <tagname>
