Pemilih jQuery
Pemilih jQuery membenarkan anda untuk beroperasi pada kumpulan elemen HTML atau elemen individu.
Pemilih jQuery
Pemilih jQuery membolehkan anda mengendalikan kumpulan elemen HTML atau elemen individu.
Pemilih jQuery "cari" (atau pilih) elemen HTML berdasarkan id, kelas, jenis, atribut, nilai atribut, dsb. Ia berdasarkan pemilih CSS sedia ada, sebagai tambahan kepada beberapa pemilih tersuai.
Semua pemilih dalam jQuery bermula dengan tanda dolar: $().
Pemilih Elemen
Pemilih elemen jQuery memilih elemen berdasarkan namanya.
Pilih semua <p> elemen dalam halaman:
$("p")
Instance
Selepas pengguna mengklik butang, semua < p> Elemen disembunyikan:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery示例</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html>
#id selector
jQuery #id selector memilih elemen yang ditentukan melalui atribut id elemen HTML.
Id elemen dalam halaman hendaklah unik, jadi jika anda ingin memilih elemen unik dalam halaman, anda perlu lulus pemilih #id.
Sintaks untuk memilih elemen mengikut id adalah seperti berikut:
$("#test")
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); }); </script> </head> <body> <h2>好好学习</h2> <p>天天向上</p> <p id="test">PHP测试</p> <button>点我</button> </body> </html>
.pemilih kelas
Pemilih kelas jQuery boleh mencari elemen mengikut kelas tertentu.
Sintaks adalah seperti berikut:
$(".test")
Sintaks 🎜>$("* ") Pilih semua elemen $ (" p.intro ") Pilih & lt; p & gt; kelasnya adalah elemen intro
$("p:first") > lt;li> setiap elemen < ;ul> elemen
$("[href]") ” > elemen yang nilai atribut sasarannya tidak sama dengan "_blank"
$(":button") Pilih semua< of type="button" ;input>><button>>>> Pilih kedudukan ganjil Elemen <tr>
Menggunakan fungsi jQuery dalam fail kendiriJika tapak web anda mengandungi banyak halaman dan anda mahu fungsi jQuery anda mudah diselenggara, maka sila Letakkan fungsi jQuery anda ke dalam fail .js yang berasingan.
Apabila kami menunjukkan jQuery dalam tutorial, kami menambah fungsi terus ke bahagian <head> Walau bagaimanapun, adalah lebih baik untuk meletakkannya dalam fail berasingan, seperti ini (merujuk fail melalui atribut src):
<head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script src="my_jquery_functions.js"></script> </head>