728x90
반응형
안녕하세요. 터미네입니다.
이번 포스팅은 jQuery에서 사용시 활용하는 this를 소개합니다.
this의 의미는 무엇일까요?
번역하자면 '이것'이라는 의미죠.
jQuery에서의 this는
$안의 요소에 대해 기능을 정의했을 경우
$안의 요소를 가리키는 것입니다.
<html>
<head>
<script>
$(document).ready(function(){
$("select[name=fruit]").change(function(){
// 콘솔창에는 select box를 선택한 값이 나옴
// 사과, 배, 오렌지 중 하나 나옴.
console.log($(this).val());
})
});
</script>
</head>
<body>
<select name="fruit">
<option value="사과" selected>사과선택</option>
<option value="배">배선택</option>
<option value="오렌지">오렌지선택</option>
</select>
</body>
</html>
위 예제 코드에서
$(this)에서 this는 무엇일까요?
바로 select[name=fruit]를 가리킵니다.
$(~~~)에 대한 jQuery함수가 실행할 때,
this라는 것을 써서 이것에 대해 기능을 활용하는 것이겠죠.
자바 언어에서도 this라는 것을 사용하는데,
자바에서의 this는 해당 클래스를 의미합니다.
코드 문법 자체가 다르더라도 의미가 비슷하다고 볼 수 있겠네요.
jQuery에서의 this는
개발에 많이 활용되고 있습니다.
이번 포스팅은 여기까지입니다.
긴글 읽어주셔서 대단히 감사드립니다.
다음 포스팅 기대해주세요!
728x90
반응형
'자바 웹 > front-end' 카테고리의 다른 글
| jQuery change함수 사용하기 (0) | 2023.01.18 |
|---|---|
| jQuery 라디오버튼 체크박스 사용하기 (0) | 2023.01.17 |
| jQuery each문 사용법 (0) | 2023.01.17 |
| jQuery ajax 사용법 정리 (0) | 2023.01.09 |
| jQuery 부모 자식 요소 찾아 스타일 적용 (0) | 2023.01.06 |