Генератор форм

Для веб-мастера

AutoClicker - Автокликер для популярных тапалок в телеграм, который запускается на вашем ПК в браузере.
CheckTrust - сервис проверки качества сайтов. Экономия до 70% на аренде ссылок.
GoGetLinks - популярная система для получения качественных ссылок в обзорах с размещением навсегда.
Etxt.RU - биржа статей.
FastVPS - качественный VPS/VDS хостинг в германии.
Roistat - система сквозной бизнес-аналитики.

Что такое jQuery? Первое знакомство!

Рейтинг:

Дата: 21 января 2010 Просмотры

13875

Сегодня я хочу познакомить Вас с javascript-библиотекой jQuery! Возможно Вы уже имели дело с ней и оценили всю прелесть работы с ней.

Итак, что такое jQuery?

Как и было сказано выше, jQuery – это javascript-библиотека. Официальный сайт разработчиков находится здесь.

Библиотека jQuery помогает легко получать доступ к любому элементу DOM (объектная модель документа), обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API (Интерфейс программирования приложений) по работе с Ajax.

Скачать последнюю версию библиотеки можно на официальном сайте разработчиков jQuery!

После того, как Вы скачали последнюю версию этого замечательного фреймверка, давайте разберемся, как же все-таки работает jQuery?

Перед началом работы, первым делом необходимо подключить саму библиотеку jQuery к необходимой нам странице! Делается это так:

<head>
 <script  type="text/javascript" src=" путь/к/jquery.js"></script>
 </head>

JQuery имеет удобную небольшую функцию, которая запускает ваш javascript, как только DOM модель будет готова… и это происходит пред тем, как страница будет загружена полностью.

$(document).ready(function(){
   // Тут код скрипта 
 });

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

jQuery(function($) {
     // Тут код скрипта, где функция $ заменена на jQuery.
    // Но вы можете использовать и $.
 });

Как получить элемент с помощью jQuery?

Существует несколько способов получить элемент при помощи jQuery. Самым распространенным является получения элемента, используя id или class.

Приведу небольшой пример, как получить элемент использую id

$('#myDivId');

Этот код выбирает элемент с id "myDivId". Поскольку id является уникальным, это выражение всегда выбирает один элемент. Или ничего не выбирает, если элемента с таким id не существует.

Следующий код, выбирает элемент или элементы, используя class:

$('.myClass');

Данный код выбирает все элементы с классом "myClass". Поскольку любое количество элементов может иметь этот класс, это выражение будет выбирать любое количество элементов.

Все элементы, которые Вы выбираете, могут быть присвоены любой переменной. Делается это так:

var testElement = $('.myClass');

Для того, чтобы получить значение выбранного элемента, используется следующая запись:

var testValue = $('#myDivId').val();

А для того, чтобы установить значение выбранного элемента, необходимо записать так:

$('#myDivId').val(“Какой-то текст”);

Увидеть jQuery в работе можно в этой статье. В ней Вы научитесь при клике по одному чекбоксу выделять все чекбоксы на странице!

На этом наше знакомство с jQuery я буду заканчивать! Удачи Вам!

Оцените эту статью: