pemilih jQuery
jQuery Selector memungkinkan Anda untuk elemen HTML kelompok atau elemen tunggal untuk beroperasi.
pemilih jQuery
jQuery Selector memungkinkan Anda untuk elemen HTML kelompok atau elemen tunggal untuk beroperasi.
jQuery pemilih berdasarkan elemen id, kelas, jenis, atribut, nilai atribut, dan sebagainya "Cari" (atau pilih) elemen HTML. Hal ini didasarkan pada ada CSS , di samping itu, juga memiliki beberapa pemilih kustom.
Semua selektor jQuery mulai dengan tanda dolar: $ ().
penyeleksi
jQuery penyeleksi memilih elemen berdasarkan nama elemen.
Pilih semua <p> elemen di halaman:
contoh
Pengguna mengklik tombol, semua <p> elemen tersembunyi:
pemilih #ID
jQuery #ID selektor unsur pilih ditentukan oleh atribut id dari elemen HTML.
elemen id di halaman harus unik, sehingga Anda ingin memilih hanya unsur-unsur di halaman melalui pemilih #ID.
Id dengan memilih elemen sintaks berikut:
contoh
Ketika pengguna mengklik tombol, elemen memiliki id = "test" atribut akan disembunyikan:
contoh
$("button").click(function(){
$("#test").hide();
});
});
Coba »
pemilih .class
jQuery selector class dapat menemukan elemen oleh kelas tertentu.
Sintaksnya adalah sebagai berikut:
contoh
Pengguna mengklik tombol setelah semua elemen dengan class = "test" adalah atribut tersembunyi:
contoh
$("button").click(function(){
$(".test").hide();
});
});
Coba »
contoh yang lebih
| 语法 | 描述 | 实例 |
|---|---|---|
| $("*") | 选取所有元素 | 在线实例 |
| $(this) | 选取当前 HTML 元素 | 在线实例 |
| $("p.intro") | 选取 class 为 intro 的 <p> 元素 | 在线实例 |
| $("p:first") | 选取第一个 <p> 元素 | 在线实例 |
| $("ul li:first") | 选取第一个 <ul> 元素的第一个 <li> 元素 | 在线实例 |
| $("ul li:first-child") | 选取每个 <ul> 元素的第一个 <li> 元素 | 在线实例 |
| $("[href]") | 选取带有 href 属性的元素 | 在线实例 |
| $("a[target='_blank']") | 选取所有 target 属性值等于 "_blank" 的 <a> 元素 | 在线实例 |
| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 | 在线实例 |
| $(":button") | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 | 在线实例 |
| $("tr:even") | 选取偶数位置的 <tr> 元素 | 在线实例 |
| $("tr:odd") | 选取奇数位置的 <tr> 元素 | 在线实例 |
file terpisah menggunakan fungsi jQuery
Jika situs Anda berisi banyak halaman, dan Anda ingin fungsi jQuery Anda mudah untuk mempertahankan, jadi silakan memasukkan fungsi jQuery Anda ke Js file terpisah.
Ketika kita menunjukkan di jQuery tutorial, fungsi akan ditambahkan langsung ke <head>. Namun, menempatkan mereka dalam file terpisah akan lebih baik, seperti ini (file yang direferensikan oleh atribut src):
contoh
<script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>