> 웹 프론트엔드 > JS 튜토리얼 > JQuery 기본 구문 요약_jquery

JQuery 기본 구문 요약_jquery

WBOY
풀어 주다: 2016-05-16 16:12:23
원래의
1065명이 탐색했습니다.

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 값이 존재하는지 여부에 대한 문제를 해결합니다.

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

저를 클릭하세요
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿