Зараз обговорюють

"Тобто є ряд завдань, які взагалі без рекурсії не наважуються."  - це як розуміти? Перефразуй, будь ласка. 

виправив, йшлося про те що деякі завдання можна вирішити лише при використанні рекурсії

Спасибі дуже корисна стаття

А ще щось планується подібного найближчим часом?


Дякую за підтримку, радий що Вам сподобалось!

Так маю вже майже дороблений проект по управлінні Audio файлом, на заміну стандартним клавішам управління HTML5, але ще не встиг відтестувати програвання файлів з інтернету, поки лише локально працює

Надіюсь найближчим часом дороблю й закину

Рахунки

webmoneyeur - E385818210641
usd - Z304643423050
uah - U354026817492
rub - R301704373231easypay80002677bitcoin1F5HRGroUtEQW9HBNbeew8iKh5KQ8vJxzw

Зворотній зв'язок

Для покращення роботи сайту надсилайте свої зауваження:
mailЗауваження
mailПропозиція

Статистика

UkrNET - поисково-информационный ресурс

JavaScript : jQuery. Підключення, синтаксис, переваги

jQuery — популярна JS-бібліотека. Її основне призначення "менше коду, більше дій".

jQuery дозволяє написати лише один рядок коду для виконання таких дій, для яких у JS довелося б писати багато рядків. Є й інші корисні бібліотеки для JS, але наразі jQuery є найпопулярнішою та найгнучкішою для використання.

Згідно з дослідженнями організації W3Techs, jQuery використовується понад половиною від мільйона найвідвідуваніших сайтів. jQuery є найпопулярнішою бібліотекою JS, яка посилено використовується на сьогоднішній день (Google, Microsoft, IBM, Netflix та багато інших).

Синтаксис jQuery розроблений, щоб зробити орієнтування у навігації зручнішим завдяки вибору елементів DOM, створенню анімації, обробки подій, і розробки AJAX-застосунків. Це сприяє створенню потужних і динамічних веб-сторінок.

jQuery надає легкий та гнучкий інструментарій кросбраузерної адресації DOM об'єктів за допомогою CSS та XPath селекторів. Також даний фреймворк надає інтерфейси для Ajax-застосунків, обробників подій і простої анімації.


Підключення jQuery

Бібліотека jQuery є JS файлом, яка включає всю його DOM, події(events), ефекти(effects), і Ajax функції. Вона може бути додана до web-сторінки посиланням на локальну копію, якщо немає то можна завантажити із сайту jquery.com, або на одну з копій доступних на публічному сервері (наприклад Google).

Підключаємо бібліотеку як звичайний скріпт в заголовку head. Приклад:

<script src="resource/js/jquery.min_3.1.1.js"></script>

Функція $()

Функція jQuery() є, мабуть основною функцією в бібліотеці. Вона зазвичай, викликається набагато частіше за інші і тому для неї існує коротка форма запису - $(). Вона дозволяє проводити пошук елементів на сторінці, створювати нові HTML елементи, а так само дещо ще. Існує досить багато варіантів використання функції:

- створимо новий div -елемент та додамо його в кінець елемента із заданим ідентифікатором:

$("

Доданий абзац!

").appendTo("#block");

- наприклад знайдемо елемент із ідентифікатором, та встановимо йому нове значення css

$("#block").css("background-color", "red");

Так як срипт працює із обєктною моделлю документа (DOM), то перш ніж виконувати код скрипта потрібно бути впевненим, що сторінку було завантажено і можна виконувати код. Більшість програмістів використовують подію onload, яка відбувається в момент завершення завантаження сторінки:

window.onload = function(){
	[Ваш код]
}

але подія onload відбувається після того як на сторінку буде завантажено всі елементи (зображення, відео, флеш-банери). В той час як сама струкутра дерева DOM є доступною для роботи Вашого скрипта набагато раніше. Для таких випадків, щоб не втрачати час в jQuery є метод ready, що дозволяє починати виконувати скрипт одразу після завершення формування дерева DOM:

$(document).ready( function(){
	[Ваш код]
});

Доступ до тегів, класів та ідентифікаторів

Використовуючи звичайний JS для вирішення кожного з цих завдань потрібно десятки рядків програмного коду (і багато головного болю з приводу його правильної роботи в різних браузерах). Автор jQuery розробив свою бібліотеку таким чином, що найбільш загальні завдання стають тривіальними. Наприклад, ось так, за допомогою функції $() з бібліотеки, можна знаходити елементи на сторінці за різними параметрами:

Доступ доКодОпис
тега$("div")поверне все div-елементи на сторінці.
класу$(".Block")поверне всі елементи з класом Block.
ідентифікатора$("#container")поверне елементи з ідентифікатором container
значення атрибуту$("[value = 1]")поверне всі елементи з атрибутом value, рівним 1.

Примітка: дані елементи доступу можна обєднювати для уточненого пошуку. Наприклад виберемо усі div із класом Block які наявні у ідентифікаторі container

$("#container div.Block")

Доступ до властивостей DOM обєктів

jQuery надає широкий набір методів для маніпуляцій із обєктами. Розглянемо найчастіше використовувані.

Отримати значення

КодОпис
$("#block").css("height")поверне значення висоти у елемента з ідентифікатором block
$("#block").attr("class")поверне значення класу елемента з id = block
$("#block").text()поверне текст, що знаходиться всередині елемента з id = block

Встановити значення

КодОпис
$("div").css("width", "20px")встановить нове значення ширини всім div-елемента на сторінці
$("#block").attr("class", "box")встановить нове значення атрибута class у елемента з id = block
$("#block").html(< p>Оновлений блок!< /p>)змінить все html-вміст елемента з id = block, на заданий в методі html
$(".block").empty()очистити від вмісту елементи з класом block

Наявність тільки цих можливостей вже зробило б jQuery незамінною річчю. Однак ця бібліотека дозволяє робити набагато більше, набагато.


Ланцюжки методів

В jQuery є доступною можливість встановлювати велику кількість методів однією стрічкою:

$("#button").click(function() {
	$(this).parent().attr('id', 'block2').css('background-color', 'red').css('padding', '5px');
});

Для кращого читання дій які звязані в ланьцужок методів, прийнято їх записувати в стовпець:

$(this) // звертаємось до елемента який викликав функцію
	.parent() // шукаємо батьківський елемент
	.attr('id', 'block2') // встановлюємо йому ідентифікатор block2
	.css('background-color', 'red') // змінюємо фон на червоний
	.css('padding', '5px'); // задаємо відступи в розмірі 5 пікселів

Записи подібного роду дозволяють легко описувати події, що відбуваються з елементом, а також уникнути великої кількості додаткових змінних


Ще корисні, та часто вживані, методи

КодОпис
.children()повертає дочірні елементи
.next()повертає наступний елемент після обраного
.prev()повертає попередній елемент перед обраним
.each()призначений для поелементного перебору вкладених елементів
.eq(i)поверне елемент з індексом і в наборі
.get(i)поверне DOM обєкт з індексом і (нумерація починається з 0). До такого елементу не можна буде використати методи jQuery, але можна використовувати стандартні JS методи
.get()поверне масив DOM обєктів (обраного типу)
.offset() і .position()дозволяють дізнатись, або задати позицію елемента
.width() і .height()дозволяють змінювати розміри елемента
.scrollTop() і .scrollLeft()дозволяють працювати з прокруткою

view997like0dislike0 avatard_l4w clock 2017-03-06 23:10

Коментарі:



Для даної статті відсутні коментарі

Про нас

"Programmers World" розроблено з метою полегшення в освоєнні навичок програмування, та поширення матеріалів з сфери ІТ Українською мовою.

Кожен бажаючий може безкоштовно користуватися ресурсами сайту, щоб:

- Вивчати теоретичні аспекти мов програмування

- Переглядати практичне застосування теорії при виконанні різних міні проектів з відкритим кодом

- Розміщати свої завдання на форумі для допомоги в їх реалізації, або готового коду який може бути корисний іншим користувачам

- Спілкуватись з іншими користувачами та обмінюватись досвідом

Сайт функціонує на безопланій основі та ентузіазмі розробника, якщо Ви бажаєте долучитись до розвитку даного проекту то можете пожертвувати кошти на рахунки розміщені в блоці "Допомога сайту".

Сайт

Зареєстровані користувачі можуть скористатися системою діалогів, в профілі користувача, для отримання потрібної інформації. Написати!

Також Ви можете використати форми відправки Зауважень та Пропозицій.


Електронна пошта

Ви можете звертатись на нашу поштову скриньку site.programmersworld@gmail.com

www.000webhost.com