-
Jquery[제이쿼리] is() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:41
안녕하세요~ 제이쿼리공장장 주니주니 입니다.
오늘은 제이쿼리[jquery] is() 메서드를 배워보겠습니다.
이렇게 준비해보았습니다.
실행화면입니다.
===============================
$('.div0').children().on('click',function(){
if($(this).is('p'))
{
alert("<p>태그입니다.");
}
else if($(this).is('span'))
{
alert("<span>태그입니다.");
}
else if($(this).is('h1'))
{
alert("<h1>태그입니다.");
}
else if($(this).is('img'))
{
alert("<img>태그입니다.");
}
else if($(this).is('textarea'))
{
alert("<textarea>태그입니다.");
}
});
===============================
class div0 대상으로 children()메서드를 사용하여 자식들을 선택한뒤
자식들이 click되면 if와 is()메서드를 사용하여 click된 자식이
어떤태크인지 판별하는 소스입니다.
※is()란 선택된 대상을 ()안에 넣은값이랑 비교하여 참/거짓을 판별하는 메서드입니다.
이해가 안되는 분들은 ↓↓↓↓↓↓
http://api.jquery.com/is/"안녕하세요.!" 부분을 클릭한뒤의 모습입니다.
<p>태그였습니다.원숭이그림을 클릭한뒤의 모습입니다.
<img>태그 군요!오늘은 제이쿼리[jquery] is() 메서드를 배워보았습니다.
그럼 다음에 또만나요~'자바스크립트[JavaScript] > 제이쿼리[Jquery]' 카테고리의 다른 글
Jquery[제이쿼리] add() 메서드 배우기 (0) 2016.12.05 Jquery[제이쿼리] :contains()셀렉터 배우기 (0) 2016.12.05 Jquery[제이쿼리] removeAttr() 메서드 배우기 (0) 2016.12.05 Jquery[제이쿼리] attr() 메서드 배우기 (1) 2016.12.05 Jquery[제이쿼리] end() 메서드 배우기 (0) 2016.12.05