首页 > 文章 > web前端 > jQuery框架概述

jQuery框架概述

善始善终原创: 2020-08-26 22:16:55219浏览

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 代码...

});

以上是jQuery框架概述的详细内容。更多信息请关注PHP中文网其他相关文章！

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

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：10个从喜到悲的Angular面试题下一篇：jQuery实现div显示、隐藏和文字填充

查看更多