jQuery Selector

jQuery selector memungkinkan anda untuk memilih dan memanipulasi elemen HTML sebagai kelompok atau sebagai elemen tunggal. 



jQuery Selectors 

Dalam bab sebelumnya kita melihat beberapa contoh bagaimana untuk memilih elemen HTML yang berbeda. Ini adalah titik kunci untuk belajar bagaimana jQuery memilih elemen yang anda inginkan diterapkan efek pada nya. 


jQuery selector memungkinkan anda untuk memilih elemen HTML (atau kelompok elemen) dengan nama elemen, nama atribut atau konten.



jQuery Element Selector

jQuery menggunakan CSS untuk memilih elemen HTML. 

  • $ ("p") memilih semua elemen <p>. 
  • $ ("p.intro") memilih semua elemen <p> dengan class = "intro". 
  • $ ("p#demo") memilih elemen <p> pertama dengan id = "demo". 



jQuery Atribut Selector 

jQuery menggunakan ekspresi XPath untuk memilih elemen dengan atribut yang diberikan. 

  • $ ("[href]") memilih semua elemen dengan atribut href. 
  • $ ("[href = '#']") memilih semua elemen dengan nilai href sama dengan "#". 
  • $ ("[href! = '#']") memilih semua elemen dengan atribut href tidak sama dengan "#" (!#). 
  • $ ("[href = '. jpg']") memilih semua elemen dengan atribut href yang berakhir dengan ". jpg". 



jQuery CSS Selector

jQuery CSS selector dapat digunakan untuk mengubah properti CSS untuk elemen HTML. Contoh berikut mengubah warna latar belakang dari semua elemen p ke merah:


$("p").css("background-color","red");


 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda