컨테이너를 모니터링하고 사용자가 클릭하면 팝업
코드는 다음과 같습니다
$(function(){
$("Element").click{function(){
alert("点击我哦!");
}
}
});
기본 객체 획득(여기서 획득한 Jquery 객체는 Dom 객체가 아니지만 변환 가능하다는 점에 유의하세요)
코드는 다음과 같습니다
$("*") '는 모든 객체를 얻는다는 뜻인데 이렇게 사용한 적은 없습니다
$("#XXX") 'id=XXX인 요소 개체 가져오기(id는 태그의 ID 또는 CSS 스타일 ID일 수 있음) 일반적으로 사용됨
$("input[name='username']") 일반적으로 사용되는
태그에서 name='userName'인 요소 개체를 가져옵니다.
$(".abc") ' 이름이 .abc인 요소 개체를 가져옵니다.
$("div") ' 태그 선택기는 일반적으로 사용되는 모든 div 요소를 선택합니다
$("#a,.b,span") '는 ID가 (www.jb51.net)a인 요소, 클래스 스타일 b를 사용하는 요소 및 모든 범위 요소를 가져오는 것을 의미합니다.
$("#a .b p") 'ID 번호는 a이고 모든 p 요소에 b 스타일을 사용합니다
예시
다음과 같은 코드가 있다고 가정해 보겠습니다.
var target_obj = jQuery('#target_obj_id');
그런 다음 ID가 target_obj_id인지 확인해야 하는 경우 이를 확인하는 두 가지 방법이 있습니다.
1,
코드는 다음과 같습니다
if (target_obj.length > 0) { //0보다 크면 ID가 target_obj_id인 객체가 존재하고, 그렇지 않으면 존재하지 않습니다
//객체 존재에 대한 처리 로직
} 그 밖의 {
//존재하지 않는 객체에 대한 처리 로직
}
2.
코드는 다음과 같습니다
if (target_obj[0]) {
//객체 존재에 대한 처리 로직
} 그 밖의 {
//존재하지 않는 객체에 대한 처리 로직
}