Простой вопрос по jQuery. Как будет быстрее?

Question

[Александр Вербицкий]

Как будет быстрее?

var checked = $(this);
var gallery_li = $(".sortable li");
var gallery_input = $(".sortable li input");
var gallery_link = $(".sortable li a");
var gallery_images = $(".sortable li a img");

или если я буду вызывать нужный элемент через children()

$(this) // Аналог "var checked"
$(this).children(".sortable li")  // Аналог "var gallery_li"
$(this).children(".sortable li input"); // Аналог "var gallery_input"
$(this).children(".sortable li a"); // Аналог "var gallery_link"
$(this).children(".sortable li a img"); // Аналог "var gallery_images"

Или может использовать другой способ?

Comments

[s-jet]

всмысле быстрее? В первом варианте вы ничего не вызываете вообще, а только присваиваете

[Stalker_RED]

Нужно больше кода, желательно с разметкой. В идеале, собрать пример на jsfiddle, например.

[Александр Вербицкий]

s-jet, Дальше идет большой код, где используются эти элементы. Вот и вопрос, там, где нужно использовать один из элементов, как будет лучше его вызвать, с помощью переменной, в которую я уже запихнул этот элемент, или постоянно вызывать его, используя children. Понятно объяснил?

[Stalker_RED]

Александр Вербицкий, смотря зачем вы так делаете.

Answer 1

[Dark Hole]

Это разные варианты.

Comments

[Александр Вербицкий]

Ну допустим есть один div, и в нем все эти элементы, как лучше до этих элементов добираться, поместить каждый в отдельную переменную, или просто добираться к дочерним этого div?

[s-jet]

Александр Вербицкий, переменные создают для каких-то целей. Вы какую преследуете?

[Александр Вербицкий]

Просто чтобы вы понимали, весь код))

$(document).on('click', '.checkbox_click', function () {
        $(".select2-selection__clear").hide();
        var checked = $(this);
        var gallery_li = $(".sortable li");
        var gallery_input = $(".sortable li input");
        var gallery_link = $(".sortable li a");
        var gallery_images = $(".sortable li a img");

        if(typeof checkbox_no == "undefined") {
            checkbox_no = 0;
        }
        if (checked[0].checked) {
            gallery_input[checkbox_no].value = checked[0].value;
            gallery_images[checkbox_no].src = checked[0].value;
            gallery_link[checkbox_no].href = checked[0].value;
            gallery_li[checkbox_no].className = '';
            gallery_input[checkbox_no].className = 'form-control '+checked[0].id;
            checkbox_no++;
        } else {
            $.each(gallery_input, function(id, param){
                var id_name = 'form-control '+checked[0].id;

                if(param.className == id_name){
                    for(id; id<gallery_input.length; id++){
                        if(gallery_li[id+1]){
                            if(gallery_li[id+1].className != 'hidden'){
                                gallery_input[id].value = gallery_input[id+1].value;
                                gallery_input[id].className = gallery_input[id+1].className;
                                gallery_images[id].src = gallery_images[id+1].src;
                                gallery_link[id].href = gallery_link[id+1].href;
                            } else {
                                gallery_input[id].value = '';
                                gallery_input[id].className = 'form-control';
                                gallery_li[id].className = 'hidden';
                                gallery_images[id].src = '';
                            }
                        } else {
                            gallery_input[id].value = '';
                            gallery_input[id].className = 'form-control';
                            gallery_li[id].className = 'hidden';
                            gallery_images[id].src = '';
                        }
                    }
                }
            });
            checkbox_no--;
        }
    });(jQuery);

[Dark Hole]

Александр Вербицкий, через children или дочернии селекторы

[s-jet]

Александр Вербицкий, конечно переменная будет работать быстрее чем каждый раз вызывать одну и ту же функцию поиска по DOM

[Александр Вербицкий]

Dark Hole, т.е так будет эффективнее?:

$(".select2-selection__clear").hide();
        var checked = $(this);
        var gallery = $(".sortable");

        if(typeof checkbox_no == "undefined") {
            checkbox_no = 0;
        }
        if (checked[0].checked) {
            gallery.children("li").value = checked[0].value;
            gallery.children("img").src = checked[0].value;
            и т.д
        }

[Александр Вербицкий]

s-jet,

конечно переменная будет работать быстрее чем каждый раз вызывать одну и ту же функцию поиска по DOM

Все, именно это я и хотел узнать) Спасибо!

[Dark Hole]

Александр Вербицкий, но ненамного, т.к. jQuery кэширует