Eskwelang jQuery

Pagtaas ng kasanayan sa jQuery sa pamamagitan ng mga halimbawa!

Halimbawa ng syntax ng jQuery

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

Paliwanag ng halimbawa

Itaas - Paglilipat - Pagpilita

jQuery fadeOut()
Ipinakita ang simpleng jQuery fadeout() function.
jQuery hide()
Ipinakita ang simpleng jQuery hide() function.
Itaas ang paliwanag
Ipinakita kung paano itaas ang bahaging teksto.
Slide panel
Ipinakita ang simpleng Slide Panel effect.
jQuery animate()
Ipinapakita ang simpleng ginagamit ng jQuery animate() function.

Paliwanag ng halimbawa

Operasyon sa HTML

Baguhin ang nilalaman ng elemento ng HTML.

Idagdag ang nilalaman sa elemento ng HTML.

Idagdag ang nilalaman sa likod ng elemento ng HTML.

Paliwanag ng halimbawa

Operasyon sa CSS

Baguhin ang CSS na katangian ng elemento ng HTML.

Baguhin ang ilang CSS na katangian.

Makakuha ng CSS na katangian ng elemento.

Paliwanag ng halimbawa

AJAX at jQuery

Gamitin ang $(selector).load(url) upang baguhin ang nilalaman ng HTML.

Gamitin ang $.ajax(options) upang baguhin ang nilalaman ng HTML.

Paliwanag ng halimbawa