Contoh penggunaan kaedah penapis() dalam jQuery_jquery
May 16, 2016 pm 04:22 PMKaedah ini boleh menapis elemen atau koleksi elemen yang sepadan dengan ungkapan atau nilai pulangan kaedah yang ditentukan.
Struktur tatabahasa 1:
Tapis set elemen yang sepadan dengan ungkapan yang ditentukan.
Senarai parameter:
Kod contoh:
<!DOCTYPE html>
<html>
<kepala>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>filter() function-Script Home</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(dokumen).sedia(fungsi(){
$("li").filter(".js").css("color","biru")
})
</skrip>
</head>
<badan>
<div>
<ul>
<li>Zon HTML</li>
<li class="js">Javascript Zone</li>
<li>Zon Css Div</li>
<li>Zon Jquery</li>
</ul>
</div>
</body>
</html>
Kod ini boleh menetapkan warna fon dalam li dengan nama kelas js kepada biru.
Struktur tatabahasa 2:
Tapis objek jquery yang ditentukan daripada koleksi elemen.
Senarai parameter:
Kod contoh:
Contoh 1:
<!DOCTYPE html>
<html>
<kepala>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>filter() function-Script Home</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(dokumen).sedia(fungsi(){
$("li").filter(document.getElementById("js")).css("color","biru")
})
</skrip>
</head>
<badan>
<div>
<ul>
<li>Zon HTML</li>
<li id="js">Javascript Zone</li>
<li>Zon Css Div</li>
<li>Zon Jquery</li>
</ul>
</div>
</body>
</html>
Contoh 2:
<!DOCTYPE html>
<html>
<kepala>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>filter() function-Script Home</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(dokumen).sedia(fungsi(){
$("li").penapis($($("li")[0])).css("warna","biru")
})
</skrip>
</head>
<badan>
<div>
<ul>
<li>Zon HTML</li>
<li id="js">Javascript Zone</li>
<li>Zon Css Div</li>
<li>Zon Jquery</li>
</ul>
</div>
</body>
</html>
Struktur tatabahasa tiga:
Tapis set elemen yang sepadan dengan nilai pulangan fungsi yang ditentukan.
Kaedah penapis() akan dikira sekali untuk setiap objek secara dalaman (seperti $.each). Jika fungsi yang dipanggil mengembalikan palsu maka elemen itu dipadamkan, jika tidak, ia akan dikekalkan.
Senarai parameter:
Kod contoh:
<!DOCTYPE html>
<html>
<kepala>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>filter() function-Script Home</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(dokumen).sedia(fungsi(){
$("ul").penapis(fungsi(indeks){
Kembalikan $(".js",this).length==0;
}).css("warna","biru")
})
</skrip>
</head>
<badan>
<div>
<ul>
<li>Zon HTML</li>
<li class="js">Javascript Zone</li>
<li>Zon Css Div</li>
<li>Zon Jquery</li>
</ul>
<ul>
<li>Fon akan bertukar menjadi biru</li>
</ul>
</div>
</body>
</html>
Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel 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

Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato.

Bagaimana untuk memasukkan bios pada papan induk Berwarna-warni? Ajar anda dua kaedah

Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam)

Ringkasan kaedah untuk mendapatkan hak pentadbir dalam Win11

Kuasai dengan cepat: Bagaimana untuk membuka dua akaun WeChat pada telefon bimbit Huawei didedahkan!

Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih)

Penjelasan terperinci tentang kaedah pertanyaan versi Oracle

Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit)
