>  기사  >  웹 프론트엔드  >  object_jquery를 얻기 위한 jQuery의 간단한 구현 방법 요약

object_jquery를 얻기 위한 jQuery의 간단한 구현 방법 요약

WBOY
WBOY원래의
2016-05-16 16:32:291232검색

컨테이너를 모니터링하고 사용자가 클릭하면 팝업

코드는 다음과 같습니다

$(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]) {

//객체 존재에 대한 처리 로직

} 그 밖의 {

//존재하지 않는 객체에 대한 처리 로직

}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.