|
O‘zbekiston respublikasi axborot texnologiyalari va kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti qarshi filiali
|
bet | 3/8 | Sana | 05.01.2024 | Hajmi | 23,78 Kb. | | #130921 |
Bog'liq 3-amaliy ish Mavzu jquery selektorlar,hodisalar. Jquery ui-fayllar.orglet bar = function () {
console.log('Hello, world!');
}
Misol uchun funksiyalarni o’zgaruvchanda saqlashimiz mumkin. Bunaqa funksiyalar anonim funksiyalar deyiladi. Chunki funksiyaning nomi yo’q.
bar();
Endi ushbu funksiyani chaqiramiz.
let foo = {};
Yana bir misol: JavaScript tilida obyektlarni birdaniga, sinflar yozmasdan yaratish mumkin. Obyekt yaratish uchun figuralik qavs ochib-yopamiz.
let foo = {
name: "Akmal"
};
Orasida xususiyat yozamiz. Xususiyat va qiymatimiz ikki nuqta belgisi orqali ajralib turadi. Hozir biz foo obyektini yaratdik, uning bitta – name nomli xususiyati bor. Uning qiymati Akmal ga teng.
let foo = {
name: "Akmal",
age: 32
};
Xususiyatimizdan so’ng vergul qo’yib, boshqa xususiyatlar ham yozishimiz mumkin.
let foo = {
name: "Akmal",
age: 32,
sayMyName() {
console.log(this.name);
}
};
Obyektimizning usullari ham bo’lishi mumkin. E’tibor berganingizdek usul nomi oldidan, na function [fankshn] kalit so’zi, na funksiyanig turi haqida ma’lumot ko’rsatmaymiz.
foo.sayMyName();
Keling ushbu funksiyamizni chaqiramiz. Konsolda “Akmal” so’zi chiqdi. Demak hammasi joyida.
Ushbu obyekt yaratish formati JSON, ya’ni JavaScript Object Notation – deyiladi. Bu shunaqa qulay formatki, uni JavaScript’ga a’loqasi bo’lmagan tillar ham ishlatishadi.
JQUERY
<script sre="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">script>
Elementlarimiz bilan ishlash uchun avval jQuery ni ulab olamiz. Buning uchun ushbu kodni head teglari orasiga qo’yaman. Mana shunday oson yo’l bilan jQuery ni ulab oldik, endi uni be’malol ishlatsak bo’ladi.
Ushbu kodni olsih uchun code.jquery.com saytiga kirasiz. Bu yerda ushbu kutubxonaning bir necha versiyalari ko’rsatilgan. Ohirgi versiyasini tanlaysiz, xozircha bu jQuery 3. Keyin minified yozuvi ustiga bosing. Paydo bo’lgan kodni html faylingizga joylashingiz mumkin.
Minified bu minimallashgan degani. Ya’ni odam dastur yozayotganda probel, tab belgilar, izohlar qoldiradi. Minimallashgan versiya esa ulardan holi. Chunki brauzer uchun sizning izohlaringiz befoyda. Har bir belgi esa – ortiqcha bayt degani. Demak ishlashi bir bo’lgani bilan, minimallashgan versiyalar bir necha barobar kamroq hajmga ega. Shuning uchun ham brauzer, bu faylni tezroq yuklay oladi va dasturingiz tezroq ochiladi.
jQuery kutubxonasining o’zi ham JavaScript tilida yozilgan, shuning uchun ham e’tibor bering: script tegi ishlatilmoqda. Faqat yozilgan kodlar boshqa serverda turganligi uchun, src atributida – o’sha JavaScript fayliga yo’l ko’rsatilgan.
jQuery ulandi. Endi keling o’zimiz ham kod yozib ko’ramiz.
|
|
Bosh sahifa
Aloqalar
Bosh sahifa
O‘zbekiston respublikasi axborot texnologiyalari va kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti qarshi filiali
|