SPATIUM Desktop
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     ADK (3)
     android (3)
     ASP (5)
     ASP.Net (1)
     C# (5)
     HTML (9)
     JAVA (7)
     JavaScript (9)
     jQuery (5)
     Mobile Web (2)
     node.js (1)
     Oracle (8)
     PHP (7)
     Spring Framework (4)
     SQL (17)
     WPF (5)
   ID  
   Password  
  |  
  Location United States
  IP Address 35.171.164.77
2024. 10
12345
6789
10
1112
13141516171819
20212223242526
2728293031
Category  Languages, jQuery
Writer 김태우 Date 2012-03-20 17:42:02 Visit 4160
jQuery 선택자는 CSS선택자와 유사..

 

jQuery 선택자

                                                                                                                                       참고 : $ 는 jQuery의 약자

1) 전체 선택자

    * : 전체 선택자, 모든 태그가 적용됨

    예)    $('*').css('color', 'Blue');

 

2) 태그 선택자

    태그 : 특정 태그를 선택하는 선택자

    예)    $('h2').css('color', 'Blue');

             $('h2,h2').css('color', 'Blue');


   
3) 아이디 선택자

    ID : 특정한 id 속성을 가지고 있는 태그를 선택하는 선택자

    예)    $('#top').css('color', 'Blue');

             $('h2#top').css('color', 'Blue');

 

4) 클래스 선택자

    className : 특정 class 속성을 가지고 있는 태그를 선택하는 선택자

    예)    $('.menu').css('color', 'Blue');

             $('h2.menu').css('color', 'Blue');

 

5) 자식 선택자

    부모>자식 : 태그의 상하 관계에서 자식태그를 선택하는 선택자

    예)    $('h2>ul').css('color', 'Blue');

 

6) 후손 선택자

    조상 후손 : 태그의 상하 관계에서 하위 관계 이하 모든 태그를 선택하는 선택자

     예)    $('h2 ul').css('color', 'Blue');

 

7) 속성 선택자

    요소[속성] : 특정 속성을 가지고 있는 태그를 선택하는 선택자

    요소[속성=값] : 특정 속성과 값이 같은 태그를 선택하는 선택자

    요소[속성^=값] : 즉성 속성과 특정값으로 시작하는 태그를 선택하는 선택자

    요소[속성$=값] : 즉성 속성과 특정값으로 끝나는 태그를 선택하는 선택자

    요소[속성*=값] : 즉성 속성과 특정값을 포함하는 태그를 선택하는 선택자

    예)    $('input[type=text]').val('1');

 

8) 필터 선택자

    요소:odd : 홀수 번째 위치한 태그를 선택하는 선택자

    요소:even : 짝수 번째 위치한 태그를 선택하는 선택자

    요소:first : 첫 번째 위치한 태그를 선택하는 선택자

    요소:last : 마지막 번째 위치한 태그를 선택하는 선택자

    예)    $('tr:odd').css('background', 'Blue');

             $('tr:even').css('background', 'Red');

             $('tr:first').css('background', 'Black').css('color', 'Blue');

 

     

Tags  jQuery 선택자
  Relation Articles
[Languages-jQuery] jQuery 선택자는 CSS선택자와 유사.. (2012-03-20 17:42:02)
  Your Opinion
Member ID
150 letters
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail