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

jQuery框架概述

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

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中文网其他相关文章!

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