简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

jQuery dan pemilih (penapisan).

dan pemilih (tapis)

:pertama

Penggunaan:$("tr:first");Himpunan elemen tunggal

Padan dengan elemen pertama yang ditemui

:last

sepadan dengan elemen terakhir yang ditemui

:tidak(pemilih)

Alih keluar jadi Elemen yang sepadan dengan yang diberikan pemilih

:even

sepadan dengan semua elemen dengan nilai indeks genap, bermula daripada 0

:ganjil

Memadankan semua elemen dengan nilai indeks ganjil, mengira dari 0

:eq(indeks)

Memadankan elemen dengan nilai indeks yang diberikan, bermula dari 0

:gt(index)

Memadankan semua elemen yang lebih besar daripada nilai indeks yang diberikan, mengira dari 0

:lt(index )

Memadankan semua elemen kurang daripada nilai indeks yang diberikan, mengira daripada 0

:header

sepadan dengan h1, Elemen tajuk seperti h2, h3

rreeee
Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script > function f1(){ //$("li").css('background-color','blue'); //① :first 找到第一个 //li元素同时，还需要是第一个 $("li:first").css('background-color','blue'); //② :last 找到最后一个 $("li:last").css('background-color','green'); //③ :eq(下标) 下标从0计算, equal() $("li:eq(4)").css('background-color','pink'); //④ :gt(索引值) 下标大于条件索引值, great than $("li:gt(4)").css('color','red'); //⑤ :lt(索引值) 下标小于条件索引值, less than $("li:lt(3)").css('color','orange'); //⑥ :even 下标索引值等于偶数的 $("li:even").css('background-color','gray'); //⑦ :odd 下标索引值等于奇数的 $("li:odd").css('color','red'); //⑧ :not(选择器) 去除与“选择器”匹配的元素 $("li:not(#zhao,#zhang)").css('color','red'); //⑨ :header 获得h1/h2/h3...的标题元素 $(":header").css('color','blue'); } </script> </head> <body> <h1>php.cn</h1> <h2>php.cn</h2> <h3>php.cn</h3> <h4>php.cn</h4> <ul> <li>北京</li> <li id="zhang">上海</li> <li>广州</li> <li id="zhao">深圳</li> <li>杭州</li> <li>武汉</li> <li>南京</li> <li>天津</li> </ul> <input type="button" value="触发" onclick="f1()" /> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492122 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！