jQuery 선택기에 대한 여러 매개 변수?


112

jQueryUI 버튼 플러그인을보고 있었는데

$("button, input:submit, a", ".demo").button();

이런 건 본 적이 없어요. 이것은 하나의 jQuery 선택기에서 여러 선택과 같습니까?

답변:


172

두 번째 인수 ( ".demo"귀하의 예에서)는 context 이며 기본적으로 선택자는 결정된 컨텍스트의 자손 만 일치하도록 제한됩니다 .

$(expr, context)

다음 find방법 을 사용하는 것과 동일합니다 .

$(context).find(expr)

jQuery 함수 에 대한 문서를 살펴보십시오 .

선택기 컨텍스트

기본적으로 선택기는 문서 루트에서 시작하는 DOM 내에서 검색을 수행합니다. 그러나 $()함수에 대한 선택적 두 번째 매개 변수를 사용하여 검색에 대한 대체 컨텍스트를 제공 할 수 있습니다 . 예를 들어 콜백 함수 내에서 요소를 검색하려는 경우 해당 검색을 제한 할 수 있습니다.

$('div.foo').click(function() {
  $('span', this).addClass('bar');
  // it will find span elements that are
  // descendants of the clicked element (this)
});

또한 게시하는 선택자는 Multiple Selector"button, input:submit, a" 라고 하며 여기에서 쉼표로 구분하여 원하는 수의 선택기를 단일 결과로 결합 할 수 있습니다.


Cool은 그것을 몰랐습니다. 전체 페이지를 검색하지 않도록 클래스 섹터처럼 말을 제한하고 싶을 때 $ ( '# id .class')와 같은 작업을 수행했습니다.
chobo2

그것은 당신이 소스를보고 생각했던 것과는 정말 반대입니다. 첫 번째 인수는 수퍼 클래스가 될 것이고 그 뒤에 하위 클래스가 좁혀 질 것으로 예상합니다. 아 글쎄.
light24bulbs

3
컨텍스트를 정의하면 브라우저가 더 빠릅니까?
Andres SK
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.