вход

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

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

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

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

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


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

 

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


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

 

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

$(document).ready(function() {
	$().mousemove(function(e)
	{
		$('#MouseCoordinates').html("X Axis Position = " + e.pageX + " and Y Axis Position = " + e.pageY);
	});
	<DIV id="MouseCoordinates"></DIV>
});

 

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


$(document).ready(function() {
        // Если браузер Mozilla Firefox
        if ($.browser.mozilla && $.browser.version >= "1.8" ){
	        // код для Mozilla
        }
        // Если браузер Opera
        if( $.browser.opera)
        {
	        // код для Opera
        }
        // Если браузер Safari
        if( $.browser.safari )
        {
	        // код для Safari
        }
        // Если это Chrome
        if( $.browser.chrome)
        {
	        // код для Chrome
        }
        // Internet Explorer версии 6 и ниже
        if ($.browser.msie && $.browser.version <= 6 )
        {
	        // код для старого Осла
        }
        //Internet Explorer 7 версии и выше
        if ($.browser.msie && $.browser.version > 6)
        {
	        // код для Осла
        }
});

 

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


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

 

Цепочки функций jQuery

JQuery позволяtn применять к обьекту сразу несколько вызовов:


$('sampleElement').removeClass('classToBeRemoved').addClass('classToBeAdded');

 

Как выполнить разбор 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


var htmlString = "<scr"+"ipt>alert('hi!');</scr"+"ipt>";
$("#jquery_escape_html").text(htmlString);

 

Как открыть ссылки в новом окне при помощи 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;
});

 

Как получить координаты DOM элемента при помощи jQuery



var element = $("#some_element");
var left_offset_position = сe.offset().left; 					//это координата left
var top_offset_position = сe.offset().top; 						//это координата top
var right_offset_position = сe.offset().left+сe.width(); 		//это координата right
var bottom_offset_position = сe.offset().top + сe.height(); 	//это координата bottom


 

Как определить нажатую клавишу при помощи 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;
        }
    });

});


 

 

Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!


Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
Один комментарий :

Статья → Полезные хитрости jQuery

  1. “Нажатая ковавиша”?
    Исправьтесь.
    А так полезненько, закину в евернот.

Оставить комментарий

Статья → Полезные хитрости jQuery

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.