웹 서비스 개발을 진행하다 보면 클릭 이벤트를 통해 클릭한 값 (this)의 정보가 필요 할 때가 있다.
Jquery의 id 값
<script>
    // id='id'인 속성의 값을 가져옴
    $('#id').val(); 
    
    //클릭한 객체의 id값 을 가져옴
    $(this).attr('id');
</script>
Jquery의 name 값
<script>
    // name='search_name' 의 값을 가져옴
    $('input[name=search_name]').val();
    //클릭한 객체의 name값 을 가져옴
    $(this).attr('name');
</script>
Jquery의 class 값
<script>
    // class ='classname' 의 값을 가져옴
    $('.classname').val();
    //클릭한 객체의 class 값 을 가져옴
    $(this).attr('class')
    
    // 특정 클래스명 찾기
    // class = 'classname' 에 search_val클래스값이 또 있는지,
    // return은 true or false
    $('.classname').hasClass('search_val');
</script>
'Client Language > JQuery' 카테고리의 다른 글
| [JQuery] JQuery trigger사용하여 강제로 click event 발생시키기 (0) | 2020.03.17 | 
|---|---|
| [JQuery] CROS 오류, Jsonp로 해결하다 (0) | 2020.03.17 | 
| [JQuery] jquery modal 사용 예시 (0) | 2020.03.16 | 
			
			
				
			
댓글