Хуудсыг ачаалж байна. Түр хүлээнэ үү.
loading...

AJAX/jQuery

jQuery
Ajax талын кодыг өөрөө бичихэд алдаа их гарч үүссэн асуудлуудыг шийдвэрлэхэд их төвөгтэй. Тиймээс ер нь AJAX  гэлтгүй JAVASCRIPT дээр ажиллахын тулд jQuery, Prototype зэрэг сангуудыг ашиглавал таны цагийг хэмнэхээс гадна их хялбар болж өгдөг. Мөн олон төрлийн вэб хөтөчид таарах таарахгүй байх асуудлыг шийдэхэд дөхөмтэй. Энэ удаад би өөрийн ашигладаг jQuery сангийн тухай тайлбарлая.

Хэрхэн ашиглах вэ?
jquery.js файлыг  www.jquery.com сайтнаас татаж авч ашиглах хуудсандаа дууснаар шууд ашиглах боломжтой болно.

Жш – 1:

JS код

Code:
1. el = document.getElementById('divId');

jQuery код:

Code:
1. el = $('#divId'); 


Жш – 2:
JS код:
Code:
<div onmouseover="document.getElementById('contentDiv').style.display='block'" onmouseout="document.getElementById('contentDiv').style.display='none'"> 
курсороо энд авчираад үздээ
 </div> 
<div id="contentDiv" style="display: none;">Энд буй мэдээллийг харуулах</div> 

jQuery код - 1:

Code:
<div onmouseover="$('#contentDiv').toggleDisplay()"> 
курсороо энд авчираад үздээ 
</div> 
<div id="contentDiv" style="display: none;">Энд буй мэдээллийг харуулах</div> 
</div>

jQuery code 2:

Code:
<div onmouseover="$('#contentDiv').show()" onmouseout="$('#contentDiv').hide()"> 
курсороо энд авчираад үздээ 
</div> 
<div id="contentDiv" style="display: none;">Энд буй мэдээллийг харуулах</div> 
</div> 


jQuery нь таны олон мөр бичих кодыг хялбаршуулж багасгахаас гадна ямар нэгэн элемент болон бүлэг элементүүдийг хялбархан олж ажиллахад их дөхөмтэй. Дараагийн удаад jQuery ашиглан AJAX хэрхэн ашиглах тухай оруулах болно.
Үнэлэх
Нэвтрэнэ үү
Үнэлгээ (1)

Сэтгэгдэл үлдээх
Нэр
Сэтгэгдэл
Өмнөх сэтгэгдлүүд »