>웹 프론트엔드 >프런트엔드 Q&A >jquery는 js 함수 라이브러리입니까?

jquery는 js 함수 라이브러리입니까?

WBOY
WBOY원래의
2022-07-26 17:27:592223검색

jquery는 JavaScript 함수 라이브러리입니다. jquery는 JavaScript 프로그래밍을 크게 단순화하고, 일반적으로 사용되는 JavaScript 함수 코드를 캡슐화하며, 간단한 JavaScript 디자인 패턴을 제공하고, HTML 문서 작업, 이벤트 처리, 애니메이션 디자인과 Ajax 상호작용.

jquery는 js 함수 라이브러리입니까?

이 문서의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery는 js 함수 라이브러리입니다

jQuery는 빠르고 간결한 JavaScript 라이브러리로, JavaScript 프로그래밍을 크게 단순화합니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

jQuery는 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)인 빠르고 간결한 JavaScript 프레임워크입니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

jQuery의 핵심 기능은 다음과 같이 요약할 수 있습니다. 고유한 체인 구문과 짧고 명확한 다기능 인터페이스가 있으며 효율적이고 유연한 CSS 선택기가 있으며 CSS 선택기를 확장할 수 있습니다. - 확장 메커니즘과 풍부한 플러그인. jQuery는 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 등과 같은 다양한 주류 브라우저와 호환됩니다.

구문 및 선택기

jQuery 구문은 HTML 요소를 선택하고 선택한 요소에 대해 특정 작업을 수행하는 것입니다.

기본 구문: $(selector).action()

달러 기호 정의 jQuery

Selector(선택기) "쿼리" 및 "찾기" HTML 요소

jQuery의 action()은 요소에 대한 작업을 수행합니다

jquery 항목 함수:

$(document).ready(function(){
     // 执行代码
});

또는

$(function(){
    // 执行代码
});

Selector

#id Selector

버튼을 클릭하면 ID test

$(document).ready(function(){ 
$("button").click(function(){ 
$("#test").hide(); 
}); 
});

.class Selector

버튼을 클릭해 클래스 테스트로 선택기를 숨길 수 있습니다. Hide

$(document).ready(function(){ 
$("button").click(function(){ 
$(".test").hide(); 
}); 
});

이벤트

$().click(function(){
….
})

기타 이벤트는 글 마지막에 있는 API를 참고해주세요

Get and set css class

addClass() - 선택한 요소에 하나 이상의 클래스 추가

removeClass ( ) - 선택한 요소에서 하나 이상의 클래스 제거

toggleClass() - 선택한 요소에 클래스 추가/제거

css() - 스타일 속성 설정 또는 반환

예:

$(document).ready(function(){
$("button").click(function(){
$("body div:first").addClass("important blue");
});
});
.important {
font-weight:bold;
font-size:xx-large;
}
.blue {
color:blue;
}

관련 튜토리얼 권장: jQuery 비디오 튜토리얼

위 내용은 jquery는 js 함수 라이브러리입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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