Class
- Tip&Tech
| [스크립트] jQuery Selector 보충설명 등... | |||||
| 글쓴이 |    송효진 |
날 짜 | 09-09-21 03:12 | 조 회 | 6476 |
|---|---|---|---|---|---|
| 간편URL |
http://www.phpschool.com/link/tipntech/69708
|
||||
| Link1 | http://docs.jquery.com/Selectors (392) | ||||
| Link2 | http://codylindley.com/jqueryselectors/ (408) | ||||
|
http://docs.jquery.com/Selectors
이걸로는 많이 부족합니다. 아래의 설명을 http://codylindley.com/jqueryselectors/ 요기서 테스트 하며 익혀봅시다. 아마 코드가 환상적으로 줄어들 것입니다. 1. disabled, checked, selected 속성을 변화시키는 것은 attr 로. .val() 처럼 할 수 있으면 좋겠는데, 그런것을 제공하지 않습니다. .attr('disabled', 'disabled') .attr('checked', 'checked') .attr('selected', 'selected') 로 세팅하고, .removeAttr('disabled') .removeAttr('checked') .removeAttr('selected') 로 해제합니다. 2. 속성과 역 속성 :enabled :disabled :checked :not(:checked) :selected :not(:selected) :parent :empty :visible :hidden :animated :not(:animated) 3. :has 무엇을 포함한 부모. 단, 자식 트리를 끝까지 검색. * 이미지가 있는 a 태그 a:has(img) * 입력창이나 링크가 없는 td td:not(:has(a, :input)) 4. :input input, select, textarea 를 모두 지칭 5. 속성에 필터링 * gif 만 골라내기 img[src$=.gif] * 개인정보가 있는 디렉토리 구분하기 a[href^=/mypage/] * 개인정보가 있는 디렉토리 내의 gif 선택 img[src^=/mypage/][src$=.gif] 6. :parent :empty 는 자식이 있고 없고 * 속 빈 td 선택하기 td:empty 7. :contains 는 textNode 만 매칭. 단, 자식 트리를 끝까지 검색. * 게시물 하일라이트 <td><div><nobr><a href="">jQuery Selector 보충설명</a></nobr></div></td> $('td:contains(jQuery)').css({backgroundColor:'yellow', fontWeight:'bold'}); 8. :animated 과거형에 속지 않기. 현재 진행중인 (움직이고 있는) 애니메이션에 한함. http://docs.jquery.com/Effects 에 있는 모든 이펙트에 적용 가능. 9. :odd :even 홀짝 * 리스트 점박이 만들기 (짝수줄 배경색 바꾸기) $('tr:even').css({backgroundColor:'#eeeeee'}); 10. .closest() 가장 가까운 원하는 부모 찾기 $('td').click(function() { $(this).closest('tr') * 같은 줄의 체크박스 체크하기 $(':text').focus(function() { $(this).closest('tr').find(':checkbox').attr('checked', 'checked'); }); * 이런걸 활용하면 여러줄의 데이터를 다룰 때 체크박스가 체크된 줄의 :input 만 :enabled 시키고, $(':input:enabled', form).serialize() 하면, 원하는 줄만 골라서 보낼 수 있음. 11. 활용할 때는 항상 과부하를 생각하기. http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=69008&sca=&sfl=wr_name%7C%7Csubject&stx=%BC%DB%C8%BF%C1%F8&sop=and Written by Song Hyo-Jin (shj at xenosi.de) License : Creative Commons - Attribution (CC-BY) |
|||||
|
|||||
전체댓글수 8
-
게시물 1,320건
12345678910
