jquery는 JavaScript 함수 라이브러리입니다. jquery는 JavaScript 프로그래밍을 크게 단순화하고, 일반적으로 사용되는 JavaScript 함수 코드를 캡슐화하며, 간단한 JavaScript 디자인 패턴을 제공하고, HTML 문서 작업, 이벤트 처리, 애니메이션 디자인과 Ajax 상호작용.
이 문서의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!