JQuery&Javascript

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

Riucc 2019. 5. 3. 10:29

○ 태그들을 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>
cs


저작자표시