1. jQuery 소개
이전 섹션에서 언급한 Ajax 프레임워크처럼 간단히 말하면 jQuery는 HTML, 이벤트(버블) 이벤트, 애니메이션 효과, Ajax 상호 작용 등을 사용자가 편리하게 처리할 수 있는 뛰어난 JavaScript 프레임워크입니다. 개발자의 JavaScript 사용 습관이 바뀌었습니다. jQuery는 2006년 처음 만들어진 이후 많은 JavaScript 전문가들이 합류하게 되었고, 행사가 진행되고 jQuery의 새 버전이 하나씩 출시되면서 점점 더 많은 관심을 끌고 있습니다.
현재 jQuery는 다양한 javascript/css/dom 및 ajax 기능을 통합하는 강력한 프레임워크로 발전했습니다. 코드를 사용하여 다양한 웹페이지 효과를 얻을 수 있습니다
현재 jQuery는 주로 다음과 같은 기능을 제공합니다.
1. 페이지 프레임의 일부에 액세스합니다. 이는 DOM 모델의 주요 기능 중 하나입니다. DOM에는 페이지에서 특정 노드 또는 특정 유형의 노드를 가져오는 고정된 방법이 있으며 jQuery는 해당 작업을 크게 단순화합니다. 단계.
2. 페이지 성능을 수정합니다. CSS의 주요 기능은 스타일을 통해 페이지의 성능을 수정하는 것입니다. jquery는 또한 CSS3에 대한 많은 브라우저의 지원 수준 문제를 해결하므로 각 브라우저가 CSS3 표준을 잘 사용할 수 있으므로 CSS 사용이 크게 풍부해집니다.
3. 페이지 내용을 수정합니다. 강력한 API를 통해 jquery는 텍스트 콘텐츠를 포함한 페이지 콘텐츠를 쉽게 수정하고, 새 그림을 삽입하고, 양식 옵션은 물론, 전체 페이지 프레임까지 변경할 수 있습니다.
4. 이벤트에 응답합니다. jQuery는 이벤트를 편리하게 처리할 수 있으며 개발자는 더 이상 브라우저 호환성 문제를 싫어할 필요가 없습니다.
5. 페이지에 애니메이션을 추가합니다. javascript를 사용하여 애니메이션을 추가하려면 많은 코드가 필요하지만 jquery는 이 프로세스를 크게 단순화하고 사용자 정의 가능한 매개변수를 통해 수많은 애니메이션 효과를 제공합니다.
6. 서버와 상호작용합니다. jquery는 비동기식 상호 작용의 개발 및 사용을 크게 촉진하는 완전한 Ajax 관련 작업 세트를 제공합니다.
7. 일반적인 자바스크립트 작업을 단순화합니다. jquery는 배열 작업, 반복 작업 등과 같은 일반적인 JavaScript 작업을 단순화하기 위한 많은 추가 기능을 제공합니다.
2.jquery의 장점.
테이블의 모든 행의 색상을 변경하여 jquery의 장점을 자세히 설명합니다
i.javascript 및 jquery로 구현된 인터레이스 색상 변경
jquery를 사용하여 구현

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

드림위버 CS6
시각적 웹 개발 도구

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
