JQuery 기본 구문 요약_jquery-JS 튜토리얼-php.cn

1. $(document)는 문서 객체를 jquery로 변환합니다

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){

Alert("안녕하세요");

});

2. 모든 하이퍼링크 객체를 획득하고 onclick 이벤트를 추가합니다. 실제로 기본 jquery 객체는 각 태그의 배열을 획득하므로 루프를 수행할 필요가 없습니다.

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){

$("a").click(함수(){

Alert("안녕하세요");

});

});

3. jquery 객체와 dom 객체 간의 변환

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){

var javascriptElement = document.getElementById("clickme");

//dom 객체를 jquery 객체로 변환

var jqueryElement = $(javascriptElement);

//alert("javascript:" javascriptElement.innerHTML);//innerHTML은 태그의 콘텐츠를 가져옵니다

//alert("jquery:" jqueryElement.html());

//jquery를 dom 객체 메서드 1로 변환

var jElement = $("#clickme");

var javascriptEle = jElement[0];

Alert("jquery1: " javascriptEle.innerHTML);

//방법 2

var javascriptEle2 = jElement.get(0);

Alert("jquery2: " javascriptEle2.innerHTML);

});

4. jquery는 id 값이 존재하는지 여부에 대한 문제를 해결합니다.

코드 복사 코드는 다음과 같습니다.

저를 클릭하세요