O‘ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI
MUXAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI URGANCH FILIALI
“KOMPYUTER INJINERINGI” FAKULTETI 961-20 GURUH TALABASI MATYOQUBOV SUHROBNING WEB DASTURLASHGA KIRISH FANIDAN
MUSTAQIL ISHI
Mavzu: JQueryda o’zgaruvchilar bilan ishlash.
TOPSHIRDI: Matyoqubov Suhrob
QABUL QILDI:
JQueryda o’zgaruvchilar bilan ishlash.
JQuery haqida.
JQueryning maqsadi sizning veb-saytingnizda JavaScript dan foydalanishni osonlashtirishdir.
JQuery birinchi marta 2006-yil yanvar oyida BarCamp NYC da Jon Resig tomonidan chop etilgan. U hozir Timmi Vilson tomonidan boshqariladi.
JQueryni web sahifaga qo’shish.
JQuery.com saytidan JQuery kutubxonasini yuklash kerek.
JQuery`ni Google CDN-dan qo’shish kerak.
CDN-dan fayllar juda tezkor
JQuery ([dʒeɪ kwɪəri]) JavaScript va HTML oʻrtasidagi oʻzaro taʼsirga qaratilgan JavaScript funksiyalari toʻplamidir. JQuery kutubxonasi har qanday DOM elementiga kirishni, DOM elementlarining atributlari va mazmuniga kirishni va ularni boshqarishni osonlashtiradi. JQuery kutubxonasi AJAX bilan ishlash uchun qulay API ham taqdim etadi. jQuery xayriya qilingan ko'ngillilar jamoasi tomonidan ishlab chiqilmoqda[4].
HTML Jon Resig dasturlashni birinchi boshlaganida o'rgangan birinchi narsalardan biri edi. Resig QBasic-da dasturlash bilan shug'ullanayotgan edi, bir tanishi unga qanday qilib veb-sahifa yaratishni (Angelfire yordamida), shuningdek, HTML asoslarini ko'rsatib berdi. Otasi unga Rojdestvo uchun ikkita HTML kitobini sovg'a qildi. U birinchi marta Visual Basic-da dasturlashni boshlaganida HTML va veb-dizayn unga juda qiziq bo'ldi.
Ammo JavaScript-ga bo'lgan ishtiyoq ancha keyinroq, taxminan 2004 yilda paydo bo'ldi. Resig o'shanda kompyuter fanlari bo'yicha ilmiy darajaga ega bo'lgan va mahalliy Brand Logic firmasida yarim kunlik ishlagan. U maxsus aylantirishni yaratadigan veb-saytni loyihalashtirdi. Jon hafsalasi pir bo'ldi va hafsalasi pir bo'ldi, ayniqsa, u boshqa ishlab chiquvchilarning kodidan foydalangani uchun, shundan so'ng u JavaScript-ni jiddiy o'rganishga qaror qildi. O'rganib chiqqanimdan so'ng, men JavaScript oddiy, ammo nafis til bo'lib, ko'plab muammolarni hal qilish uchun nihoyatda kuchli degan xulosaga keldim. Keyingi bir necha yil ichida Jon jQuery-ni tugatishdan oldin juda ko'p turli xil JavaScript ilovalarini yaratdi. Resigning jQuery-ni yaratishdagi asosiy maqsadi JavaScript-ni soddalashtiradigan qayta foydalanish mumkin bo'lgan kod qismlarini kodlay olish va ularni brauzerlar o'rtasidagi muammolar haqida tashvishlanmaydigan tarzda ishlatish edi. Kutubxona 2006 yilda Nyu-Yorkda bo'lib o'tgan "BarCamp" kompyuter konferentsiyasida jamoatchilikka taqdim etilgan.
Imkoniyatlar:
Sizzle[5] kross-brauzerli CSS selektor mexanizmi alohida loyihaga aylantirildi;
DOM daraxtini kesib o'tish, shu jumladan plagin sifatida XPath-ni qo'llab-quvvatlash;
Tadbirlar;
Vizual effektlar;
AJAX qo'shimchalari;
JavaScript plaginlari.
Xuddi CSS renderlashni HTML strukturasidan ajratganidek, jQuery ham xatti-harakatni HTML strukturasidan ajratadi. Misol uchun, tugmani bosish hodisasi ishlovchisiga to'g'ridan-to'g'ri ishora qilish o'rniga, boshqaruv tugmalarni aniqlaydigan va keyin uni bosish hodisasi ishlov beruvchisiga aylantiradigan JQuery-ga o'tkaziladi. Xulq-atvor va tuzilmaning bunday bo'linishi, shuningdek, ko'zga tashlanmaydigan JavaScript printsipi deb ataladi.
jQuery kutubxonasi vazifalarning eng keng doirasi uchun foydali bo'lgan funksiyalarni o'z ichiga oladi. Biroq, kutubxona ishlab chiquvchilarining maqsadi jQuery-da hamma joyda mos keladigan funktsiyalarni birlashtirish emas edi, chunki bu juda ko'p kodlarga olib keladi, ularning aksariyati talab qilinmaydi. Shuning uchun kutubxona va plaginlarning ixcham universal yadrosi arxitekturasi amalga oshirildi [6]. Bu sizga resurs uchun talab qilinadigan JavaScript funksiyalarini to'plash imkonini beradi.
Foydalanish.
jQuery odatda veb-sahifaga bitta tashqi JavaScript fayli sifatida kiritiladi:
html 5
jQuery bilan barcha ishlar $ yordamida amalga oshiriladi. Agar sayt sizning ehtiyojlaringiz uchun $ ishlatilishi mumkin bo'lgan boshqa JavaScript kutubxonalaridan foydalansa, siz uning sinonimi - jQuery-dan foydalanishingiz mumkin. Ikkinchi usul to'g'riroq deb hisoblanadi va kod juda og'ir bo'lib qolmasligi uchun uni quyidagicha yozishingiz mumkin:
jQuery(function($) {
// здесь код скрипта, где в $ будет находиться объект, предоставляющий доступ к функциям jQuery
})
Bir vaqtning o'zida bir nechta DOM tugunlarini manipulyatsiya qilishning odatiy misoli, bir nechta HTML sahifa elementlarini o'z ichiga olgan jQuery ob'ektini qaytaradigan CSS selektor qatori bilan $ funktsiyasini chaqirishdir. Keyinchalik bu elementlar jQuery usullari bilan qayta ishlanadi. Misol uchun,
$("div.test").add("p.quote").addClass("blue").slideDown("slow");
Sinf testi bilan barcha div elementlarini, shuningdek sinf tirnoqli barcha p elementlarni topadi va keyin ularning barchasiga sinf ko'k rangini qo'shadi va vizual ravishda pastga siljiydi. Bu yerda add, addClass va slideDown usullari original ob'ektga havolani qaytaradi $("div.test"), shuning uchun shunday zanjirlash mumkin.
$. bilan boshlanadigan usullar global ob'ektlar bilan ishlash uchun foydalidir. Misol uchun:
$.each([1,2,3], function() {
document.write(this + 1);
});
234 chi sahifaga qo’shish.
$.ajax va tegishli funksiyalar AJAX usullaridan foydalanish imkonini beradi. Misol uchun:
$.ajax({
type: "POST",
url: "some.php",
data: {name: 'John', location: 'Boston'},
success: function(msg){
alert( "Data Saved: " + msg );
}
});
Bu misolda some.php skripti name=John&location=Boston parametrlari bilan chaqiriladi va natija alert () yordamida xabarda ko‘rsatiladi.
jQuery yordamida elementga bosish hodisasi ishlovchisini qo'shish misoli:
$("a").click(function() {
alert("Hello world!");
});
Bunday holda, elementi bosilganda, alert("Salom dunyo!") chaqiriladi.
Turli xil ilovalarda bir xil funktsiyalarni amalga oshirish ishlab chiquvchilarni bir xil kodni bir necha marta qayta yozishga undaydi, faqat ma'lum bir dastur uchun uni biroz o'zgartiradi.
jQuery plaginlari ishlab chiquvchilarga ushbu muammoni unutish imkonini beradi. Ishlab chiquvchi plaginni bir marta yozishi mumkin, bu sizga ma'lum bir funktsiyani amalga oshirishga imkon beradi va keyin faqat bitta kod satrini yozish orqali kerakli ilovalarda foydalanishga imkon beradi. Internetda siz boshqa ishlab chiquvchilar tomonidan yozilgan juda ko'p bepul jQuery plaginlarini topishingiz va ulardan ilovalaringizni yaratish uchun foydalanishingiz mumkin.
Plagin yaratish.
Plagin yaratish uchun jQuery.fn obyektiga xususiyat qo'shishingiz kerak, uning nomi plagin nomi bo'ladi:
Sintaksis:
//Определяем код плагина
(function($){
$.fn.имяПлагина = function() {
// Код плагина
};
})(jQuery);
//Вызываем плагин
$(селектор).имяПлагина();
Esda tutingki, bu yerda oʻram (funksiya($){ }) (jQuery) qoʻllaniladi, shunda plagin kodi ichidagi $ belgisidan u boshqa JavaScript kutubxonalari bilan zid kelishidan qoʻrqmasdan foydalanishingiz mumkin.
|
