우아한 방식으로 jQuery 체인 연결을 중지하십시오.

Question

먼저, 나는 한 번에 답변을 찾을 수 없다는 점에 약간 혼란 스럽습니다. 질문은 codestyle에 관한 것입니다.

는 예를 생각해

페이지에 아무런 입력이없는 경우 어떻게됩니까

$('input[type=text]').on('click', doSomething); 

? 이 선택기의 결과는 null이며 오류가 발생합니다.

그래서, 우리는 코드가 더 크고 이보다 확인해야합니다 :

var inputs = $('input[type=text]'); 

if (inputs) { 
    inputs.on('click', doSomething); 
} 

내가 jQuery를 사랑하고이 솔루션의 더 우아하고 간단한 양식을 기대하고있다.

---

UPDATE

이 문제의 원인은 페이지의 3 자 스크립트가 포함 prototype.js했다. 죄송합니다. 게시하기 전에 샌드 박스에서 문제를 테스트 했어야합니다.

Answer 1

jQuery 선택기는 항상 jQuery 객체를 반환하므로 절대 null이되지 않습니다.

$('#Not exist!').attr('foo', 'foo'); //no error, returns jQuery 

document.getElementById 달리 :

document.getElementById('Not exist!') == null 

Answer 2

오류, 그냥 빈 개체가 없습니다. 선택기 실제로 null을 반환하지 않습니다

$('input[type=text]').on('click', doSomething); 

Answer 3

와 일치하는 항목을 찾을 수없는 경우, 당신은 갈 수 있으며, 그 체인이 중단되지 않도록이 의도적이다. 이것은 jQuery의 "less less, do more"라는 모토를 따르고 있습니다.

나는 jsFiddle to illustrate this을 만들었습니다. 브라우저에서 개발자 도구를 열고 콘솔을보십시오.

var doSomething = function(){}; 
$('input[type=text]').on('click', doSomething); //No error 

//...because this: 

var obj = $('input[type=text]'); //is a jQuery object, even 
           //though there are no <input> elements 

console.dir(obj); //Inspect the console. you get: jQuery.fn.jQuery.init[0] 

나는 희망이 있습니다. 하지 *

$('input[type=text]').on('click', doSomething); 

Answer 4

나는이 작품 희망 ...

$('input[type="text"]').on('click', doSomething);