본문 바로가기
dev/Javascript

[jQuery] 함수 join(), data(), hasClass(), addClass(), removeClass(), removeData(), append(), appendTo(), prepend(), prependTo(), before(), after(), insertBefore(), insertAfter(), trigger(), show(), hide(), end(), add(), addBack(), wrap(), wrapAll(), u..

by dev_Step 2023. 2. 26.

 ** 선택자

jQuery(input[name='  '][value='  '])   >> 이렇게 연속으로 붙여서 선택자의 값을 필터리해서 선택할 수 있음

 

trigger() 

  >> trigger 함수를 통해서 <a href=""> 을 실행시킬떄는 $("a")[0].click() 로 실행 [] 을 추가하여 실행해야 한다.

 

end()

  >> $("선택자").end()   선택된 선택자 이전에 선택한 요소의 집합으로 이동

 >> $("p").closest('div').find('input').end()   -->  input의 이전요소인 div로 이동함

 

add()

  >> 선택자 추가   $("p").add("div")   --> $("p, div") 를 의미하며, p와 div 모두 선택한다.

 

HTML<->text 차이점

 1. HTML()는 >> 매개변수에 HTML 요소가 포함되어 있을경우 HTML 요소가 포함되어 나옴

 2. text()는  >> 문자 그대로 표현됨  

 

* 상위 요소 탐색 *

parent()

 

parents()

 

parentsUntil()

 

closest()

 

* 하위 요소 탐색 *

 ※ 자식 - 자식만 선택됨 $(A B)

 ※ 자손 - 자식, 손자, 그 후손을 모두 포함함  $(A>B)

children()

 

find()

 

 

 

'dev > Javascript' 카테고리의 다른 글

[Javascript] 즉시 실행함수  (0) 2023.02.26
[Javascript] opener 사용법  (0) 2023.02.26
[Javscript] form target, window.open  (0) 2023.02.26
[Javascript / Jquery] 선택자  (0) 2023.02.26
[JAVASCRIPT] SCOPE / $(document).ready()  (0) 2022.09.25