Jquery Selector? JavaScript

참고

 All Selector("*")

All Selector는 모든 오브젝트를 선택할 수 있습니다

모든 객체를 반환한다고 보면 되겠네요

 

ex ) $('*').css('border', '1px solid bule');

 

화면내의 모든 객체에 1px의 파란색 보더를 그리겠지요?

 JQuery('[attribute="value"]')

Attribute Equals Selector입니다

객체의 속성값과 일치하면 반환합니다

 

ex ) $('div[id=divName]').css('border, '1px solid bule');

 

div의 id가 divName인것을 반환합니다

아마도 divName을 가진 모든 객체를 반환하는걸로 보이네요

  JQuery('[attribute!="value"]')

Attribute Not Equal Selector입니다

일치하지 않는 것을 반환합니다

 

ex ) $('div[id!=divName]').css('border, '1px solid bule');

JQuery('[attribute|="value"]')

Attribute Contains Prefix Selector입니다

객체의 속성이 일치하거나, (-) 하이픈 앞에 위치한 속성이 일치하는 객체를 반환합니다

 

예를들어 $('li[name|="test"]').. 이면

div의 이름중에 <li name="test"/>, <li name="test-jquery"/>

값이 일치하거나, 또는 (-) 하이픈의 앞자리까지의 값이 일치하면 반환합니다

 

<li name="testJquery"/> 는 반환하지 않습니다.

 JQuery('[attribute*="value"]')

Attribute Contains Selector입니다

|= 과 비슷하지만, 모든 오브젝트를 반환합니다

 

name의 값이 "test", "test-Jquery", "jquerytest", "testJquery" 모두 Select됩니다

 JQuery('[attribute~="value"]')

Attribute Contains Word Selector입니다

공백이 포함된 문자를 분리해서 반환합니다

 JQuery('[attribute$="value"]')

Attribute Contains With Selector입니다

객체속성의 값이 마지막값과 잁치하면 반환합니다

 JQuery('attribute^="value"'])

Attribute Starts With Selector입니다

객체의 속성값과 value값의 시작하는 단어에서 일치하면 select합니다

 

예를들어 name="test" 으로 검색하면, 첫글자부터 test가 포함되는 객체를 select합니다

 JQuery('prev + next')

Next Adjacent Selector입니다

동일한 패턴을 가지고 있는 객체를 select합니다

JQuery('prev + siblings')

Next Siblings Selector입니다

같은 level에 존재하는 객체를 select합니다

 JQuery('.class')

Class Selector. 클래스를 select합니다.

모두 아실듯하지만, (.) 점으로 시작하면 class를 select하겠다는것을 의미합니다

 JQuery('#id')

ID Selector입니다. class와 마찬가지로 #은 id를 참조하겠다라는것을 의미합니다

이 외에 Child Selector.event, focus, header, Multi Selector, odd, parent, password 등등 Form, 또는 Child, 또는 Basic, Attribute등을 검색하여 select하는 여러가지 방법이 있습니다


덧글

댓글 입력 영역


통계 위젯 (화이트)

2713
249
282579