jquery selector 응용

항상 selector사용시 class나 id, tag[attr=value]

같이 단순한것만 사용하다, attribute속성이 있는것만 가져올수 없나 테스트중

역시 만능 jquery...안되는건 없구만

$('[attr1]'  '[attr2]') : attr1,attr2 둘중 하나만 있어도 선택

$('[attr1]' && '[attr2]') : attr1,attr2 두개모두 있어야 선택

ex)

html

<div data-start="2016-01-13" data-end="2016-01-23"></div>

<div data-start="2016-01-14"></div>

selector

$('[data-start]''[data-end]') 

=> [<div data-start="2016-01-13" data-end="2016-01-23"></div>,

<div data-start="2016-01-14"></div>]

$('[data-start]'&&'[data-end]')

=> [<div data-start="2016-01-13" data-end="2016-01-23"></div>]

data-name 속성을 사용하면 jquery에서 .data() 를 호출하면 object형식으로 값을 가져올수 있다.

위 예제를 예로 들면

$('[data-start]''[data-end]').each(function(idx,element){

console.log($(this).data());

console.log($(this).data('start'));

console.log($(this).data('end'));

});

=>

Object {start: "2016-01-13", end: "2016-01-23"}

2016-01-13

2016-01-23

Object {start: "2016-01-14"}

2016-01-14

undefined

처럼 사용 할 수 있다.

https://api.jquery.com/category/selectors/