======JavaScript / jQuery DOM Selectors====== * description : JavaScript / jQuery DOM Selectors * author : 오션 * email : shlim@repia.com * lastupdate : 2021-04-14 \\ ====Ref==== [[https://www.w3schools.com/js/js_jquery_selectors.asp|JavaScript / jQuery DOM Selectors]] \\ ======jQuery vs JavaScript====== %%jQuery%%는 2006년 John Resig가 만들었습니다.\\ 브라우저 비호환성을 처리하고 %%HTML DOM%% 조작, 이벤트 처리, 애니메이션 및 %%Ajax%%를 단순화하도록 설계되었습니다.\\ \\ 10년이 넘도록 %%jQuery%%는 세계에서 가장 인기있는 %%JavaScript%% 라이브러리였습니다.\\ \\ 그러나 %%JavaScript%% 버전 5 (2009) 이후, 대부분의 %%jQuery%% 유틸리티는 몇 줄의 표준 %%JavaScript%%로 해결할 수 있습니다.\\ =====Finding HTML Element by Id===== %%id="id01"%%인 요소를 반환합니다.\\ ====jQuery====





  


  Finding HTML Elements by Id
  Hello World!
  Hello Sweden!
  Hello Japan!

====JavaScript====





  Finding HTML Elements by Id
  Hello World!
  Hello Sweden!
  Hello Japan!

=====Finding HTML Elements by Tag Name===== 모든 %%

%% 요소를 반환합니다.\\ ====jQuery====

`Finding HTML Elements by Tag Name`


  Hello World!
  Hello Sweden!
  Hello Japan!

====JavaScript====





  Finding HTML Elements by Tag Name
  Hello World!
  Hello Sweden!
  Hello Japan!

=====Finding HTML Elements by Class Name===== %%class="intro"%%를 가진 모든 요소를 반환합니다. ====jQuery====





  


  Finding HTML Elements by Class Name
  Hello Korea!!
  Hello Bali!!
  Bonjour France!!

====JavaScript====





  Finding HTML Elements by Class Name
  Hello Korea!!
  Hello Bali!!
  Bonjour France!!

=====Finding HTML Elements by CSS Selectors===== %%class="intro"%%를 가진 모든 %%

%% 요소의 목록을 반환합니다.\\ ====jQuery====

`Finding HTML Elements`


  Hello Korea!!
  Hello Bali!!
  Bonjour France!!

====JavaScript====





  Finding HTML Elements 
  Hello Korea!!
  Hello Bali!!
  Bonjour France!!