понедельник, 23 декабря 2013 г.

Короткая шпаргалка по jQuery

Проверка существования элемента
описываем функцию  exists:

jQuery.fn.exists = function() {
    return $(this).length;
}

использование:
if ($('#elementId').exists())
    {.....}

Выбранный элемент списка (radiobutton):
var selected_option=$('input:radio[name=radioName]:checked').val();

Проверка выбран ли checkbox:
var ch_checked=$('#checkBoxId').is(':checked');

Получение всех элементов по id:
id начинаются с cNews, в примере элементы - checkbox

$('input:checkbox[id^="cNews-"]').each(
function(index, element) {
var elementId = $(element).attr('id');
var elementChecked = $(element).is(':checked');
$(element).prop("checked", isAllChecked);
});

Установка enabled/disable элемента формы:
$("#elementId").prop("disabled", true); -- блокировка элемента формы
$("#elementId").prop("disabled", false); -- делаем активным


Принудительная установка элемента формы (ставим галочку)
$("#elementId").prop("checked", true);

Получение содержимого в элементе (div например)
var value = $("#elementId").html();

Получение значения поля формы
$('#elementId').val()

Установка обработчика события (click например)
 $('input:radio[name=elementName]').click(
        function(){
            my_func();
        }
        );

Скрытие и отображение DIV
 $("#divId").hide();
 $("#divId").show();

Асинхронный вызов HTTP запроса
Для примера url выдает результат вида
[{"result":"ok","sid":"12345"}]
или
[{"result":"error","message":"error message"}]

    $.ajax(
        {
            url: "http://url",
            dataType: "json",
            type: "POST",
            data: {
                'param1': val1,
                'param2': val2,
                 'param2': val3
            },
            success: function( data )
            {
                var res_var=true;
                var sid="";
                $.each(data, function(i, val) {
                    if (val.result == "error")
                    {
                        res_var=false;
                        alert(val.message);
                    }
                    else
                    {
                        sid=val.sid;
                    }
                });
         
                if (res_var){
                    window.location.replace("http://okurl?sid="+sid);
                }
                else {
                    window.location.replace("http://errurl");
                }
            },
            error: function()
            {
                window.location.replace("http://errurl");
            }
     
        });

Комментариев нет:

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