Contoh penggunaan kaedah penapis() dalam jQuery_jquery

Kaedah 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.

Salin kod Kod adalah seperti berikut: $(selector).filter(expr) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 665px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 expr 字符串值，用于筛选当前元素集合的选择器表达式。 Kod contoh:

Salin kod Kod adalah seperti berikut: filter() function-Script Home $(dokumen).sedia(fungsi(){ $("li").filter(".js").css("color","biru") }) Zon HTML Javascript Zone Zon Css Div Zon Jquery 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.

Salin kod Kod adalah seperti berikut: $(selector).filter(elemen) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 655px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 element 用于匹配当前元素集合中元素的jQuery对象或者DOM对象。 Kod contoh:

Contoh 1:

Salin kod Kod adalah seperti berikut: filter() function-Script Home $(dokumen).sedia(fungsi(){ $("li").filter(document.getElementById("js")).css("color","biru") }) Zon HTML Javascript Zone Zon Css Div Zon Jquery Contoh 2:

Salin kod Kod adalah seperti berikut: filter() function-Script Home $(dokumen).sedia(fungsi(){ $("li").penapis($($("li")[0])).css("warna","biru") }) Zon HTML Javascript Zone Zon Css Div Zon Jquery 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.

Salin kod Kod adalah seperti berikut: $(selector).filter(function()) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 650px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 76px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 function(index) 定义返回filter()匹配值的函数。 index为当前元素在匹配元素集合中的索引值。

Kod contoh:

Salin kod Kod adalah seperti berikut: filter() function-Script Home $(dokumen).sedia(fungsi(){ $("ul").penapis(fungsi(indeks){ Kembalikan $(".js",this).length==0; }).css("warna","biru") }) Zon HTML Javascript Zone Zon Css Div Zon Jquery Fon akan bertukar menjadi biru Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

参数	描述
expr	字符串值，用于筛选当前元素集合的选择器表达式。