Monday 9 March 2015

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>

No comments:

Post a Comment