Содержание

jQuery

Что такое jQuery?

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

Краткий обзор

Обход и манипулирование DOM-деревом

Найдите <button> элемент с классом continue и измените его HTML-код на Next Step….

script.js
$( "button.continue" ).html( "Next Step..." )

Обработка событий

Отображать #banner-message элемент, скрытый в его CSS-коде, при нажатии display:none любой кнопки .#button-container

script.js
var hiddenBox = $( "#banner-message" );
$( "#button-container button" ).on( "click", function( event ) {
  hiddenBox.show();
});

Ajax

Вызовите локальный скрипт на сервере, /api/getWeather передав ему параметр запроса zipcode=97201 , и замените HTML-код элемента #weather-temp на полученный текст.

script.js
$.ajax({
  url: "/api/getWeather",
  data: {
    zipcode: 97201
  },
  success: function( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  }
});

Связанные проекты

jQuery UI

Данный проект находится в режиме технического обслуживания. Узнайте больше.

jQuery Mobile

Данный проект устарел. Узнайте больше.

Дополнения и Файлы