iceman12
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.
Возможности:
- Переход по дереву DOM, включая поддержку XPath как плагина;
события;
- визуальные эффекты;
- AJAX-дополнения;
- JavaScript-плагины.
jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:
<head>
<script type="text/javascript" src="путь/к/jQuery.js"></script>
</head>
Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery. Второй способ считается более правильным, а чтобы код не получался слишком громоздким можно писать его следующим образом:
jQuery(function($) {
// Тут код скрипта, где в $ будет находиться объект дающий доступ к функциям jQuery
})
Работу с jQuery можно разделить на 2 типа:
Получение jQuery-объекта с помощью функции $(). Например, передав в неё CSS-селектор, можно получить jQuery-объект всех элементов HTML попадающих под критерий и далее работать с ними с помощью различных методов jQuery-объекта.
Вызов глобальных методов у объекта $, например, удобных итераторов по массиву.
Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML-страницы. Эти элементы затем обрабатываются методами jQuery. Например,
$("div.test").add("p.quote").addClass("blue").slideDown("slow");
находит все элементы <div> с классом test, а также все элементы <p> с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз.
Использование Ajax:
$.ajax({
type: "POST", /* каким методом передаем */
url: "example.php", /* какому файлу-обработчику */
data: {name: 'Ivan', location: 'Moskow'}, /* ключ: 'значение' */
success: function(msg){
alert( "Полученные данные от обработчика: " + msg );
}
});
Либо так:
$.ajax({
type: "POST",
url: 'test?key=var&key2=var2, /* разница только в том, что передаете в адресной строке методом $_GET*/
dataType: "html",
success: function(msg){
alert( "Полученные данные от обработчика: " + msg );
}
Скачать сжатую версию
__________
посл.ред. 16 Авг 2010, 23:09; всего 3 раз(а) 30 Июл 2010, 21:07