JQuery 기본선택자, 계층선택자, 속성선택자

JQuery 기본선택자, 계층선택자, 속성선택자

@@@@Class선택 방식@@@@@

script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> < / script >

< script type = "text/javascript" >

$( function () {

$( ".myClass" ).css( "color" , "red" ); //myClass 클래스에게 적용

console .log( "첫 번쨰 myclass" ,$( ".myClass" ));

console .log( "두 번쨰 myclass" ,$( ".myClass" ).first().text());

console .log( "세 번쨰 myclass" ,$( ".myClass" ).last().text());

//first와 last를 통해 동일한 class명 내에 첫 번째와 마지막을 끄집어냄

$( ".a" ).css( "color" , "blue" );

var test = $( ".a" );

console .log( "test>>>>>>" ,test);

console .log( "test[0]>>>>>>" ,test[ 0 ]); //태그로 출력됨 !!!!

test[ 0 ].innerText = "aaaaaaaaaaaaaaa" ; //태그로 출력되기 때문에 .innerText 사용

$(test[ 1 ]).text( "bbbbbbbbbbbb" ); //태그 -> 다시 jquery 객체로 전환되기 때문에 .text() 사용

})

< / script >

< / head >

< body >

< p class = "notMe" > div class="notMe" < / p > < br >

< p class = "myClass" > p class="myClass1" < / p >

< div class = "myClass" > div class="myClass2" < / div >

< div class = "myClass" > div class="myClass3" < / div >

< p class = "a" > Hello < / p >

< p class = "a2" > Hello2 < / p >

< div class = "a" > World < / div >

from http://cocoshin.tistory.com/47 by ccl(A) rewrite - 2021-12-23 23:02:11