jQuery – полезные хитрости


jQuery — библиотека JavaScript, является очень простой и функциональной в использовании, и часто при верстке макета, она настолько тесно взаимодействует с CSS и HTML, что без jQuery уже становится трудно представить современный функционал, но все же это не CSS и не HTML. jQuery это отдельный язык, со своими приёмами и хитростями в использовании. Поэтому советы по использованию jQuery будут всегда полезны.

Советы очень простые, поэтому комментировать каждый почти не нужно. Суть строк понятна из названия, поэтому оставил только код, чтобы было нагляднее.

Как использовать jQuery для установки таймера

$(document).ready(function()
{
    window.setTimeout(function()
    {
            // код таймера
    }, 500);
});

Как выполнить разбор xml(parse xml) при помощи jQuery

var jquery_xml_parse = $("<xml><title>jQuery parse xml</title><data>Xml data</data></xml>");
var data_node = $("data", jquery_xml_parse);
var result = data_node.text(); // результат "Xml data"

Как определить нажатую клавишу при помощи jQuery

$(function() {
    $(document).keypress(function(e){
        //e.which содержит код нажатой кнопки
        switch(e.which){
            // "ENTER"
            case 13:
                alert('enter pressed');
            break;

            // "s"
            case 115:
                alert('s pressed');
            break;
        }
    });

});

Как проверить существование элемента при помощи jQuery

var $someElement = $("#someElement");
if($someElement.length !== 0)
{
        //существует
}
else
{
        //не существует
}

Как открыть ссылки в новом окне при помощи jQuery

jQuery('a.popup_window').live('click', function(){
    newwindow=window.open($(this).attr('href'),'','height=200,width=150');
    if (window.focus) { newwindow.focus(); }
    return false;
});

Как отключить правый клик в вашем браузере при помощи jQuery

$(document).ready(function(){
        $(document).bind("contextmenu",function(e){
                return false;
        });
});


Поделиться с друзьями:

Другие публикации:



Написать комментарий через:

 
       
  • ВКонтакте
  •        
  • Локальный блог
  •  
 
 

Ваш отзыв

Имя *

Почта (скрыта) *

Сайт

Напишите цифрами двa вoceмь двa *

Сообщение

 
Статьи пользователей на ArtKiev Design Studio