Когда кеширование vars, что лучший способ назвать это?

Question

Если вы кэшировать вар:

var something = $('#something'); 

Я видел, что используется позже:

$(something).doAction(); 
something.doAction(); 

Есть ли разница в использовании либо? Я начал использовать something.doAction(), поскольку он выглядит чище и легче читать. Но я хотел бы знать, могут ли это вызвать какие-либо проблемы?

Answer 1

$(...) возвращает объект jQuery.

Если вы поместите объект jQuery в переменную, переменная по-прежнему будет содержать объект jQuery в нем, когда вы проверите его позже, так же как и все остальное, которое вы можете поместить в переменную.

Никаких магических гремлинов не придет и не будет избавлен от объекта jQuery за вашей спиной.
(если вы случайно не поставили что-то еще в переменной в другом месте)

Answer 2

Существует только объект jquery, чтобы использовать его позже или избежать повторения.

var $button = $('#button'); 

$button.click(function(){ 
//some code here 
}); 

//now applying some style to it 
$button.css({color:"#ccc",background:"#333"}); 

Или можно заменить

var $button = $('#button').css({color:"#ccc",background:"#333"}); 

$button.click(function(){ 
//some code here 
}); 

Или

$('#button').css({color:"#ccc",background:"#333"}).click(function(){ 
//some code here 
});; 

Update:

Иногда, если вы посмотрите на кнопку, JQuery вернет вам кнопку, а не объект, чтобы отредактировать или выполнить какое-либо действие, передав его как аргумент конструктору jquery.

Here a little example. Вы просто ищете кнопку, а jquery возвращает эту кнопку, но если вам нужно применить какой-либо стиль, событие и т. Д. И т. Д., Вам нужно передать его в качестве аргумента в jquery contructor ($ or jQuery). And here another without the constructor that does not work

Answer 3

Это не имеет никакого отношения к jQuery. Это всего лишь фундаментальное значение Javascript.

var x = foo(); 
x.something(); 

, конечно же, как foo().something(). Переходите к учебному программированию или Javascript, пока это не имеет смысла.

Answer 4

something является объектом JQuery и нет необходимости ставить его в скобки со знаком доллара, как это: $(something)

JQuery селекторы возвращают объекты JQuery, что дело здесь $('#something').

Хорошая практика именования заключается в том, чтобы назвать что-то как что-то, так что вы знаете, что переменная содержит объект jQuery.

Также хорошо использовать, например $ (..), будет оборачивать HTML в виде строки, чтобы получить объект JQuery, как это:

$divObject = $('<div>Some text</div>'); 
$divObject.text(); // value is 'Some text'