[학습 노트] 날카로운 jQuery(二)DOM 조작

5596 단어 jquery
1. DOM 노드 가져오기
//   

parent()

parents()

closest() 



//   

children();

find();



//   

next()/nextAll()

prev()/prevAll()

siblings()

2. 원소 노드 조작
$(html)  //  DOM



append()/appendTo()       //    

prepend()/prependTo()     //    

after()/insertAfter()     //    

before()/insertBefore()   //    (    js insertBefore)



replaceWith()/replaceAll()  //    

wrap()      //    

wrapAll()   //    

wrapInner() //    

         

remove()  //

detach()  //            

   

clone()/clone(true)   //true              

empty()     //           

3. 속성 노드 조작
//  

attr("title") 

//  

attr("title","test")

attr({ "title":"test",  "name":"hello" )}

//  

removeAttr()

4. 스타일 조작
//

addClass()

removeClass()

toggleClass()

hasClass()  //     ,   is(".classname")



//CSS-DOM  ,        , class  

css()   //   attr(),   ,"-"      

css("opacity","0~1")  //    



height()/width()

height(100)/height("10em")  //    px



offset().left/top    

position().left/top

scrollTop()/scrollLeft()  //

5. HTML, 텍스트 및 값 가져오기 및 설정
//

html()

text()  //      

val()   //      defaultValue  

부록:
is(selector)  //

좋은 웹페이지 즐겨찾기