Pananalita ng jQuery

Sa pamamagitan ng jQuery, maaring pilihin (query, query) ang HTML element at isagawa sa kanila ang "action" (actions).

Halimbawa ng syntaxa ng jQuery

$(this).hide()
Ipinapakita ng jQuery hide() function, itago ang kasalukuyang HTML element
$("#test").hide()
Ipinapakita ng jQuery hide() function, itago ang elemento na may id="test"
$("p").hide()
Ipinapakita ng jQuery hide() function, itago ang lahat ng <p> element
$(".test").hide()
Ipinapakita ng jQuery hide() function, itago ang lahat ng elemento na may class="test"

Pananalita ng jQuery

Ang syntaxa ng jQuery ay dinisenyo para sa pagpili ng HTML element, at maaring isagawa ang ilang operasyon sa mga elementong ito.

Ang pangunahing syntaxa ay:$(selector).action()

  • Ang simbolo ng dolyar na nagtatag ng jQuery
  • Ang selector (selector) "query" at "find" HTML element
  • Ang action() ng jQuery ay nagpapatupad ng operasyon sa elemento

Halimbawa

$(this).hide() - Itago ang kasalukuyang elemento

$("p").hide() - Itago ang lahat ng paragrafo

$(".test").hide() - Itago ang lahat ng elemento na may class="test"

$("#test").hide() - Itago ang lahat ng elemento na may id="test"

Tip:Ang syntaxa na ginamit ng jQuery ay ang pinagsama-sama ng XPath at CSS selector syntax. Sa mga susunod na kabanata ng tutorial, malalaman mo pa ang higit pang kaugnayan sa syntax ng selector.

Document ready function

Maaring naramdaman mo na ang lahat ng jQuery function sa aming mga halimbawa ay nasa isang document ready function:

$(document).ready(function(){
  // jQuery functions go here
});

Ito ay upang maiwasan na pataasin ang jQuery code bago ganap na naload ang dokumento (handa).

Kung pinalakas ang function bago ganap na nagaload ang dokumento, maaaring magiging hindi matagumpay ang operasyon. Narito ang dalawang tiyak na halimbawa:

  • Sinubukang itago ang isang wala sa elemento
  • Makakakuha ng laki ng hindi ganap na nagaload na imahe