JQuery to biblioteka, dzięki której pisanie skryptów w JavaScript okazało się przyjemne i proste. Nie musisz już zwracać uwagi na kompatibilność kodu JavaScript oraz pisać bardzo długich lini kodu aby uzyskać zamierzony efekt. JQuery jest bardzo intuicyjnym i jednocześnie potężnym narzędziem, które pozwala nam tworzyć zaawansowane strony internetowe.

Dlaczego warto używać JQuery?

Weźmy kilka przykładów kodu, który robi dokładnie to samo w JavaScript oraz w JQuery

1. Pobieranie zawartości elementu o id = „test”

//JavaScript

var element = document.getElementById('test').innerHTML;


//JQuery
$("#test").html();

2. Przykładowe zapytanie Ajax

//JavaScript
var str='przykladowa_wartosc';

var xmlhttp;
if (str.length==0)
{ 
  document.getElementById("txtHint").innerHTML="";
  return;
}
if (window.XMLHttpRequest)
{// dla IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{// dla IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","gethint.php?parametr="+str,true);
xmlhttp.send();


//JQuery

$.get( "gethint.php",{ parametr: str }, function( data ) {
  $( "#txtHint" ).html( data );
});

3. Ustawienie stylu dla elementu o nazwie „test”

//JavaScript
document.getElementById('test').style.backgroundColor='#33CCCC';

//JQuery
$("#test").css('background-color', '#fff');

Na podstawie tych kilku przykładów zapewne zauważyłeś, że Jquery znacząco zmniejsza liczbę wymaganych lini kodu do uzyskania zamierzonego efektu. Dzięki temu aplikacje są lżejsze i mniej skomplikowane. JQuery zawiera wiele funkcji i możliwości, które ułatwiają nam prace. Niektóre z nich będę omawiał w kolejnych wpisach.