11. JQuery 지식 요약

1. JQuery 소개
JQuery는 HTML과 JavaScript 사이의 조작을 간소화하는 브라우저 간 JavaScript 라이브러리
jQuery의 특징은 다음과 같습니다.

브라우저 간 DOM 요소 선택

DOM 순방 및 변경: CSS 1-3 지원

이벤트(Events)

CSS 조작

효과 및 애니메이션(위치 이동, 페이드, 페이드)

Ajax

확장성(Extensibility)

도구: 예를 들어 브라우저 버전(내장 해제, jQuery Migrate plugin 외부 마운트 제공)과 each 함수.

JavaScript 플러그인

경량급

DHTMLDOM 선택기와 체인 문법

jQuery의 DHTML DOM 선택기를 통해 복잡한 트리 HTML의 모든 DHTML DOM 대상을 쉽게 조작할 수 있으며, 같은 대상의 다른 속성을 체인 문법으로 조작할 수 있습니다.
예를 들면 다음과 같습니다.

$("p.surprise").addClass("ohmy").show("slow");

... 에 상당하다

HTML의

탭을 찾고class가'surprise'인 DHTML DOM 대상

Class 속성에'ohmy'추가

디스플레이 열기

CSS 1-3 선택기: CSS 선택기의 DOM 객체 선택을 지원합니다.

브라우저 간: 브라우저 간 AJAX 솔루션으로 Internet Explorer 6.0+, Opera 9.0+, Firefox 2+, Safari 2.0+, Google Chrome 1.0+

지원

단순성: 다른 JavaScript 라이브러리보다 시작하기 쉽습니다.

2. JQuery 구문 및 실행 위치
JQuery의 문법은 HTML의 요소를 위한 것으로 요소를 조작할 수 있다.기본 문법은 $(selector) 입니다.action () 달러 기호 정의 jQuery,selector (선택자) HTML 요소 조회 및 찾기, action HTML 요소에 대한 작업 수행

1 $(document).ready(function(){
2 
3 --- jQuery functions go here ----
4 
5 });

모든 jQuery 작업은 문서 ready 다음에 실행됩니다. 문서가 모두 불러오기 전에 jQuery 코드를 실행하는 것을 방지하기 위해서입니다.
문서를 모두 로드하지 않으면 다음과 같은 작업에 실패할 수 있습니다.
존재하지 않는 요소 숨기기 완전히 로드되지 않은 이미지의 크기 가져오기3. jQuery 선택기
HTML DOM 용어에서 선택기를 사용하여 DOM 요소 그룹과 개별 DOM 요소를 조작할 수 있습니다.
요소 선택기, 속성 선택기, CSS 선택기로 구분
① 요소 선택기:
jQuery는 CSS 선택기를 사용하여 HTML 요소를 선택합니다.
$("p")

요소를 선택합니다.
$("p.intro") 모든class="intro"의

요소를 선택합니다.
$("p#demo") 모든 id="demo"의

요소를 선택합니다.
② 속성 선택기:
jQuery는 XPath 표현식을 사용합니다. (XPath는 XML 문서에서 정보를 찾는 언어입니다. XPath는 XML 문서에서 요소와 속성을 옮겨다니는 데 사용됩니다.) 주어진 속성을 가진 요소를 선택할 수 있습니다.
$([href])href 속성이 있는 모든 요소를 선택합니다.
$("[href='#']") href 값이 "#"과 같은 모든 요소를 선택합니다.
$("[href!='#']") href 값이 "#"과 같지 않은 모든 요소를 선택합니다.
$("[href$='.jpg']") 모든 href 값이 ".jpg"로 끝나는 요소를 선택합니다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

11. JQuery 지식 요약

좋은 웹페이지 즐겨찾기