Назад

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX.

 

Возможности

  • Движок кросс-браузерных CSS-селекторов Sizzle, выделившийся в отдельный проект;
  • Переход по дереву DOM, включая поддержку XPathкак плагина;
  • События;
  • Визуальные эффекты;
  • AJAX-дополнения;
  • JavaScript-плагины.

 

Использование

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

  

<head>

   <script src="/jquery-2.2.2.min.js">

   </script>

</head>

Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery. Второй способ считается более правильным, а чтобы код не получался слишком громоздким, можно писать его следующим образом:

 

jQuery(function($) {

  // здесь код скрипта, где в $ будет находиться объект, предоставляющий доступ к функциям jQuery

})

Работу с jQuery можно разделить на 2 типа:

  • Получение jQuery-объекта с помощью функции $(). Например, передав в неё CSS-селектор, можно получить jQuery-объект всех элементов HTML, попадающих под критерий и далее работать с ними с помощью различных методов jQuery-объекта. В случае, если метод не должен возвращать какого-либо значения, он возвращает ссылку на jQuery объект, что позволяет вести цепочку вызовов методов согласно концепции текучего интерфейса.
  • Вызов глобальных методов у объекта $, например, удобных итераторов по массиву.

Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML-страницы. Эти элементы затем обрабатываются методами jQuery. Например,

$("div.test").add("p.quote").addClass("blue").slideDown("slow");

находит все элементы div с классом test, а также все элементы p с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз. Здесь методы add, addClass и slideDown возвращают ссылку на исходный объект $("div.test"), поэтому возможно вести такую цепочку.

Методы, начинающиеся с $., удобно применять для обработки глобальных объектов. Например:

 

$.each([1,2,3], function() {

  document.write(this + 1);

});

добавит на страницу 234.

$.ajax и соответствующие функции позволяют использовать методы AJAX. Например:

 

$.ajax({

  type: "POST",

  url: "some.php",

  data: {name: 'John', location: 'Boston'},

  success: function(msg){

    alert( "Data Saved: " + msg );

  }

});

В этом примере идет обращение к скрипту some.php с параметрами name=John&location=Boston, и полученный результат выдается в сообщении посредством alert().

Пример добавления к элементу обработчика события click с помощью jQuery:

 

$("a").click(function() {

    alert("Hello world!");

  });

В данном случае при нажатии на элемент <a> происходит вызов alert("Hello world!").

Комментарии  

#1 JacobisTN 06.05.2022 14:17
564c3_f
#2 JacobisTN 13.05.2022 16:45
"Где Взять Видео Для Ютуб шоковое видео бесплатно смотреть на ноутбуке 12 Сайтов Под Свободной Лицензией
#3 JacobisTN 15.05.2022 10:33
"Худи ZNY SOCIAL JETLAG

Купальники-боди-15%

Примеры:

Худи

Старая цена: 3499
Новая цена: 1999



@R=@
#4 JacobisTN 16.05.2022 20:29
"Какие Бывают Виды Дождевиков?

Шорты мужские-30%

Примеры:

Футболка

Старая цена: 1499
Новая цена: 999



@R=@
#5 JacobisTN 20.05.2022 16:36
pbn сеть что это 9c37b6d
#6 JacobisTN 24.05.2022 18:11
"Бомбер Для Мальчиков

Шорты мужские-30%

Примеры:

Футболка

Старая цена: 1499
Новая цена: 999



@kod@

У вас нет прав для комментирования.