Selector JQuery - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Selector JQuery , kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Javascript Dan JQuery, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Selector JQuery
link : Selector JQuery

Selector JQuery

Berikut syntak dasar dari JQuery,

$(selector).action()

Tanda dollar ($), mendefinisikan JQuery
Selector, merupakan element HTML
Action(), merupakan aksi yang diberikan untuk elemen HTML tersebut.

Berikut contoh penggunaan JQuery,
$(this).hide() //menyembunyikan element ini
$("p").hide() //menyembunyikan semua paragraph
$("p.test").hide() //menyembunyikan semua paraghraph dengan class="test"
$("#test").hide() //menyembunyikan element dengan id="test"

Pada contoh diatas syntak this, p, p.test dan #test adalah selector, dan hide() adalah action.
Berikut beberapa penjelasan untuk selector pada element HTML.

$("p") semua element paraghraph <p>
$("p.intro") semua element <p> yang memiliki class="intro"
$(".intro") semua element yang memiliki class="intro"
$("#intro") semua element yang memiliki id="intro"
$("div#intro .head") semua element dengan class="head" didalam <div> yang memiliki id="intro"
$("ul li:first") tag <li> pertama untuk setiap tag <ul>

Demikianlah Artikel Selector JQuery

Sekianlah artikel Selector JQuery kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Selector JQuery dengan alamat link https://dev-create.blogspot.com/2016/12/selector-jquery.html