Rumah >hujung hadapan web >tutorial js >jQuery框架概述

jQuery框架概述

善始善终asal: 2020-08-26 22:16:55253semak imbas

1. jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

2.jQury优势

轻量级、强大的选择器、出色的DOM操作的封装、可靠的事件处理机制、完善的Ajax、不污染顶级变量、出色的浏览器兼容性、链式操作方式、隐式迭代、行为层与结构层的分离、丰富的插件支持:、完善的文档、开源。

3. 可以通过多种方法在网页中添加 jQuery。你可以使用以下方法：

从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

4. 官网下载jQuery

（1）进入官网（https://jquery.com/download/）

（2）单击"Download jQuery"按钮进入下载页面

（3）有两个版本的 jQuery 可供下载：

Production version - 用于实际的网站中，已被精简和压缩。
Development version - 用于测试和开发（未压缩，是可读的代码）

（4）jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签引用它。

5. CDN配置jQUery

如果你不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络）引用它。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。比如你想使用百度的CDN，你可以通过如下方式：

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

6. jQuery语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

实例:

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 e388a4556c0f65e1904146cc1a846bee 元素
$("p.test").hide() - 隐藏所有的 e388a4556c0f65e1904146cc1a846bee 元素
$("#test").hide() - 隐藏 id="test" 的元素

7. jQuery入口函数

$(document).ready(function(){

// 开始写 jQuery 代码...

});

简写模式：

$(function(){

// 开始写 jQuery 代码...

});

Atas ialah kandungan terperinci jQuery框架概述. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery css ajax html 封装 function 事件 dom this 选择器 https

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：10个从喜到悲的Angular面试题Artikel seterusnya：jQuery实现div显示、隐藏和文字填充

Artikel berkaitan

Lihat lagi