JQuery-мен жұмыс
Автор: AbsamatovaKun • Февраль 27, 2023 • Контрольная работа • 846 Слов (4 Страниц) • 173 Просмотры
Ғ.Мұратбаев атындағы Жетісай гуманитарлық-техникалық колледжі
Оқу сабағының жоспары
Сабақтың тақырыбы: jQuery-мен жұмыс
Модуль /пән атауы: Бағдарламалық кодты қайта өңдеу
Педагог: Абсаматова Құндыз Абдрайымқызы
2023 жылғы 20 ақпан
1.Жалпы мәліметтер
Курс, топ: 2-курс, БҚҚ 21-1
Сабақ түрі: Жаңа білімді хабарлау
2. Мақсаты:
Пәндік сала моделі ұғымымен таныстыру
Пәндік сала моделінің талаптарымен таныстыру
Міндеттері:
1. Логикалық ойлау қабілетін дамыта отырып, білім білік дағдыларын қалыптастыру.
2. Студенттердің өз бетімен жұмыс істеуі, шығармашылық қабілетін дамыту.
2.1 Оқу сабақтары барысында білім алушылар игеретін кәсіби біліктердің тізбесі:
4. Қажетті ресурстар:
Слайд, ноутбук, интерактивті тақта
Оқу-әдістемелік құрал-жабдықтар, анықтамалық әдебиеттер:
5. Сабақтың барысы
Ұйымдастыру кезеңі.
Сабақтың тақырыбы, мақсаты мен оқу міндеттері студенттреге таныстырылады.
Веб-беттерге jQuery қосу
Веб-сайтыңызда jQuery пайдалануды бастаудың бірнеше жолы бар:
• jQuery.com сайтынан jQuery кітапханасын жүктеп алыңыз
• Google сияқты CDN жүйесінен jQuery қосыңыз
jQuery жүктеу
jQuery-ді жүктеп алуға болатын екі нұсқасы бар:
- Өндіріс нұсқасы сіздің тікелей сайтыңызға арналған, себебі ол кішірейтілген және қысылған
- Әзірлеу нұсқасы - бұл тестілеуге және әзірлеуге арналған (қысылмаған және оқылатын код)
Екі нұсқаны jQuery.com сайтынан жүктеп алуға болады.
jQuery кітапханасы HTML <script> тегіне сілтеме жасайтын жалғыз JavaScript файлы болып табылады (<script> тегі <head> бөлімінде болуы керек екенін ескеріңіз):
<head>
<script src="jquery-3.3.1.min.js"></script>
</head>
Кеңес: Жүктелген файлды пайдаланғыңыз келетін беттермен бірдей каталогқа орналастырыңыз.
jQuery CDN
Егер jQuery-ді өзіңіз жүктеп алып, орналастырғыңыз келмесе, оны CDN (Content Delivery Network - контент жеткізу желісі) арқылы қосуға болады.
Google және Microsoft хост jQuery сияқты.
Google немесе Microsoft корпорациясынан jQuery пайдалану үшін келесілердің бірін пайдаланыңыз:
Google CDN:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Microsoft CDN:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
jQuery синтаксисі
jQuery көмегімен HTML элементтерін таңдап, оларда белгілі бір «әрекеттерді» орындайсыз.
jQuery кітапханасымен жұмыс істеу үшін арнайы синтаксис HTML элементтерін таңдау және оларда кейбір әрекеттерді орындау үшін пайдаланылады.
...