Riucc's Storage
RSS
태그
관리
쓰기
카테고리
  • IT (593)
    • 정리 (0)
    • C# (42)
    • ASP.NET MVC (16)
    • JQuery&Javascript (12)
    • CSS (11)
    • 데이터베이스 (32)
    • Windows Server (6)
    • Active Directory (3)
    • Exchange (9)
    • JAVA (2)
    • JSP (39)
    • JSP 게시판 만들기 (21)
    • JSP 개발 참고 (15)
    • JSP 안드로이드 (4)
    • Servlet (17)
    • Spring (42)
    • HTML (14)
    • NodeJS (46)
    • MongoDB (11)
    • 리눅스 (18)
    • 자료구조 (16)
    • 아이폰 (24)
    • 안드로이드 (68)
    • API 활용하기 (10)
    • 소켓네트워크 (28)
    • 라즈베리파이 (11)
    • AWS클라우드 (10)
    • 빅데이터Hadoop (22)
    • 커널모듈프로그래밍 (8)
    • 기타 (10)
    • 자격증 (26)
Riucc's Storage

[JQuery] - 태그들을 id, class, name 으로 값 찾아오기

JQuery&Javascript|2019. 5. 3. 10:29
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

○ 태그들을 id, class, name 으로 값 찾아오기

 

- 태그들을 id, class, name 으로 찾아오기

     태그 id 로 특정 태그를 찾고 싶을때  : # 을 붙여준다

     태그 class 로 특정 태그를 찾고 싶을때 : . 을 붙여준다.

     태그 name 으로 특정 태그를 찾고 싶을때 : 태그시작[name=네임명] 으로 찾는다

        ex) input[name=AfterHiOKYN]   select[name=TitleCode]


     $('해당 태그 접근').val( ) : 해당 태그의 value 값을 가져올 수 있다



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
 
<body>
    <input type="text" id="text1" value="text1 id 값" />
    <div class="dvclass">도기도기</div>
    <input type="text" name="textname" value="textname의 name 값" />
 
    <script type="text/javascript">
        $(document).ready(function () {  // $(function( ){ }) 와 같음
            var d = $('#text1').val();
            $('#text1').click(function () {
                alert("# = id 로 눌림 : " + d);
            });
 
            $('.dvclass').click(function () {
                alert(". = class 로 눌림");
            });
            $('input[name=textname]').click(function () {
                var d = $('input[name=textname]').val();
                alert("시작태그[name=이름] 로 눌림 : " + d);
            });
        });
    </script>
</body>
Colored by Color Scripter
cs




저작자표시 (새창열림)

'JQuery&Javascript' 카테고리의 다른 글

[JQuery] - 공백 제거 : trim()  (0) 2019.05.03
[JQuery] - 보이게 안보이게 : show(), hide()  (0) 2019.05.03
[JQuery] - 셀렉터 : parent(), children(), find(), prev(), next()  (0) 2019.05.03
[JQuery] - change() 이벤트로 select 이벤트 처리하기  (0) 2019.05.03
[JQuery] - $(document).ready() 는 무엇인가?  (0) 2019.05.03

댓글()
카테고리
  • IT (593)
    • 정리 (0)
    • C# (42)
    • ASP.NET MVC (16)
    • JQuery&Javascript (12)
    • CSS (11)
    • 데이터베이스 (32)
    • Windows Server (6)
    • Active Directory (3)
    • Exchange (9)
    • JAVA (2)
    • JSP (39)
    • JSP 게시판 만들기 (21)
    • JSP 개발 참고 (15)
    • JSP 안드로이드 (4)
    • Servlet (17)
    • Spring (42)
    • HTML (14)
    • NodeJS (46)
    • MongoDB (11)
    • 리눅스 (18)
    • 자료구조 (16)
    • 아이폰 (24)
    • 안드로이드 (68)
    • API 활용하기 (10)
    • 소켓네트워크 (28)
    • 라즈베리파이 (11)
    • AWS클라우드 (10)
    • 빅데이터Hadoop (22)
    • 커널모듈프로그래밍 (8)
    • 기타 (10)
    • 자격증 (26)
최근 등록 현황
최근 글
최근 월별 글
최근 댓글
최근 글
최근 월별 글
최근 댓글
최근 글
최근 월별 글
최근 댓글
달력
지난달
2025.7
다음달
일월화수목금토
12345
6789101112
13141516171819
20212223242526
2728293031
태그 구름
  • 안드로이드
  • 안드로이드 카카오 로그인
  • 커널 모듈 프로그래밍
  • 정보처리산업기사 16년 필기
  • 소켓 프로그래밍
  • 정보처리산업기사 15년 필기
  • 이클립스 디비 연동
  • 데이터베이스
  • 카카오 로그인 연동
  • jsp
  • 리눅스
  • 정보처리산업기사 16년
  • 정규화
  • 자료구조
  • 소켓
  • 정규형
  • 이클립스 mysql 연동
  • nodejs express
  • 정보처리산업기사 총정리
  • 정보처리산업기사 정리
  • nodejs MySQL 연동하기(Connection Pool)
  • 정보처리산업기사 필기 정리
  • 안드로이드 intent
  • 정보처리기사 실기 정리
  • 안드로이드 카카오 로그인 연동
  • 정보처리산업기사 15년
  • 정보처리산업기사 요약
  • 정보처리산업기사 필기
  • 카카오 로그인
  • HTML
카운터
전체 방문자
오늘
어제
Skin by M1REACT. Designed by M1STORY.TISTORY.COM. Valid XHTML 1.0 and CSS 3. Copyright ⓒ Riucc's Storage. All rights reserved.

티스토리툴바