[JQuery] JQuery를 통해 id, name, class로 접근하는 방법

Hilit 2017.03.28 14:25

1. id로 접근시 $(#id)

id로 접근시 # 식별자를 사용하여 접근합니다.

 

<button id="testbutton" type="button">버튼</button>

 

ex) $("#testbutton")

 

 

2. class로 접근시 $(.class)

class로 접근시 . 식별자를 사용하여 접근합니다.

 

<button class="testclass" type="button">버튼</button>

 

ex) $(".testclass")

 

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

 

2. name으로 접근시 $(tag_name[name=name])

name으로 접근시 개체[name=개체 이름] 형태로 접근합니다.

 

<input type="submit" name="testname">버튼</button>

 

ex) $("input[name=testname]")

 

 

처음 JQuery를 접할때에는 정말 많이 헛갈립니다. 저도 많이 헛갈렸었네요 :) 각 항목마다 식별자가 다르므로 유의해서 쓰시기 바랍니다.

 

※ 이 내용은 http://breakpoint.tistory.com/85의 내용을 참조했습니다 :)



출처: http://specupup.tistory.com/6 [Spec UP을 위해]

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
74 jQuery 스타일 & 속성 다루기 file 졸리운_곰 2018.07.29 790
73 Force redraw on an element (jQuery) 졸리운_곰 2018.07.28 639
72 HTML DIV tag : 영역 밖과 안쪽에 여백주기 - 마진과 패딩 Margin / Padding 졸리운_곰 2018.07.12 538
71 자바스크립트 Base64 인코딩, 디코딩 졸리운_곰 2018.06.18 591
70 Get Query String Parameters with JavaScript 졸리운_곰 2018.06.08 477
69 Get request parameters using Javascript 졸리운_곰 2018.06.08 455
68 json 배열 합치기(merge) 및 소팅하기 졸리운_곰 2018.06.08 683
67 Object.assign 두 개의 Object 를 하나로 병합하기 How to merge different object in javascript 졸리운_곰 2018.06.08 552
66 jQuery.extend(), 두개 이상의 객체를 합치기(Merge) file 졸리운_곰 2018.06.08 512
65 자바스크립트에서 변수에 문자열이 있는지 체크 하는 방법 졸리운_곰 2018.06.05 775
64 [jQuery] ajax 콜백함수에서 파라메터 패싱 : Pass variable to function in jquery AJAX success callback 졸리운_곰 2018.06.05 443
63 JQUERY – ON 을 알아보자 졸리운_곰 2018.06.04 450
62 동적으로 생성된 button의 값 가져오기! 졸리운_곰 2018.06.04 785
61 TextArea 가로 자동 크기 조절 졸리운_곰 2018.06.04 542
60 [HTML5] span과 div의 차이 file 졸리운_곰 2018.06.04 800
59 jQuery 원하는 요소에 벨류(value) 값 넣기 졸리운_곰 2018.05.30 371
58 [jQuery] 요소(Element) 존재 여부 확인 졸리운_곰 2018.05.29 664
57 [제이쿼리/jQuery] 요소 갯수 구하기 .length file 졸리운_곰 2018.05.25 409
56 [삽잡이::javascript] JSON Array를 만들어보자 file 졸리운_곰 2018.05.25 194
55 jQuery each (jQuery 반복문) 졸리운_곰 2018.05.24 554
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED