유블로그

[JavaScript & jQuery] this : 순수자바스크립트 객체와 jQuery 객체 변형 본문

JavaScript & jQuery

[JavaScript & jQuery] this : 순수자바스크립트 객체와 jQuery 객체 변형

yujeong kang 2020. 9. 12. 12:37 
<body>
    <h2>클릭</h2>

    <script>
        $("h2").click(function() {
            // 여기서 this는 순수자바스크립트 객체이다.
            console.log(this);              // <h2>클릭</h2>
            console.log(this.innerText);    // 클릭

            // this를 jquery 객체로 변형하면 jquery객체에서 제공하는 기능을 사용할 수 있다.
            console.log($(this));           // jquery 객체
            console.log($(this).text());    // 클릭
        });
    </script>
</body>
저작자표시 비영리 변경금지

'JavaScript & jQuery' 카테고리의 다른 글

[JavaScript] 마우스 클릭한 곳 위치값 받아오기  (0) 2020.09.13
[JavaScript] 시간함수  (0) 2020.09.13
[jQuery] 다양한 이벤트 처리 방식  (0) 2020.09.12
[JavaScript] 다양한 이벤트 처리 방식  (0) 2020.09.12
[JavaScript] 이벤트 종류  (0) 2020.09.12
'JavaScript & jQuery' Related Articles more