jQuery 概述

　　版权声明：未经博主授权，内容严禁分享转载！　　

什么是 JavaScript 类库

　　JavaScript 类库是指已经被封装好的一系列 JavaScript 函数，能够实现一些特定的功能，在开发过程中可以直接调用，也叫做 JavaScript 函数库，简称 js库。

　　JavaScript 类库的出现，是为了简化 JavaScript 的开发。

什么是 jQuery

　　jQuery是一个第三方 JS类库 ，用于简化核心 DOM 的操作。

　　jQuery 是由 John Resig 于2006年创建的开源项目。

　　　　

　　jQuery 可以使开发人员更方便的操作 HTML 页面元素，处理事件，实现动画，实现AJAX交互等，并能够很好的支持 CSS3 及各种浏览器。

　　jquery 官网：http://jquery.com

　　　　

为什么要使用 jQuery

jQuery 的终极目标是：write less，do more （些更少的代码，做更多的事情）

jQuery 是 DOM 操作的终极简化

　　- jQuery 提供了很多 API，用来简化 DOM 的操作：

　　- 查找、 增删改、 事件绑定、 动画、 AJAX、

解决了浏览器兼容性问题

如何使用 jQuery

1.下载 jquery.js 库文件。

　　

　　学习编写的话，建议实现 未压缩的，但是如果上线，使用压缩版的，因为压缩版的浏览器加载起来更快。

　　JavaScript 在线压缩

　　　

2.引入

引入服务器本地的 jquery.js 文件

　　- <script src = "js/jquery-1.11.3.js"></script>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>引入jquery</title>

</head>

<body>

<script src="js/jquery-3.3.1.js"></script>

</body>

</html>

引入之后就可以调用库文件内容了，但是一定要记住！！要先引用在调用！调用的东西一定在引用后！

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>引入jquery</title>

</head>

<body>

<h1 id="h1">jquery概述</h1>

<script src="js/jquery-3.3.1.js"></script>

<script>

    // 改变h1文本的颜色

    jQuery('#h1').css("color","red");

</script>

</body>

</html>

　　

引入CDN网络中的 jquery.js 文件地址

- CDN：内容分发网络，根据客户端距离每台服务器的网络状况，智能选择最优的服务器下载资源。

- <script src = 'http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.js'></script>

jQuery 概述的更多相关文章

  1. jQuery概述,代码举例及最新版下载

    jQuery是一个快速的,小巧的,具有强大功能的JavaScript库. 它的基本功能包括: 1)访问和操作DOM元素 2)控制页面样式(可以兼容各种浏览器) 3)对页面事件的处理 4)大量插件在页面 ...

  2. Unit01： jQuery概述 、 jQuery选择器 、 jQuery操作DOM

    Unit01: jQuery概述 . jQuery选择器 . jQuery操作DOM 使用jQuery放大字体: <!DOCTYPE html> <html> <head ...

  3. jQuery概述

    JQUERY   JS语法字典---网友总结 1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->ht ...

  4. jQuery基础之（一）jQuery概述

    1.jQuery的简介 就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等 ...

  5. 第一章 JQuery概述

    1.JQuery的作用:访问和操作DOM元素控制页面样式对页面事件进行处理扩展新的JQuery插件与Ajax技术完美结合注:JQuery能完成的效果js都能完成,但是JQuery的开发效率更高,代码更 ...

  6. 1、jQuery概述

    JQuery基本功能  ① 访问和操作Dom元素  ② 控制页面样式  ③ 对页面事件的处理  ④ 大量插件在页面中的运用  ⑤ 与Ajax技术的完美结合      $(document).ready ...

  7. jQuery笔记总结

    来源于:http://blog.poetries.top/2016/10/20/review-jQuery/ http://www.jianshu.com/p/f8e3936b34c9 首先,来了解一 ...

  8. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  9. jQuery专题

    jQuery概述 ·为了简化JavaScript的开发,一些JavaScript库诞生了.JavaScript库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的Web2.0特性的富客户 ...

随机推荐

  1. POJ-1926 Pollution

    Pollution Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 4049 Accepted: 1076 Description ...

  2. Ubuntu 16.04 ORB_SLAM2+ROS+usb_cam+AR

    Ubuntu 16.04 ORB_SLAM2+ROS+usb_cam+AR 参考博文:http://blog.csdn.net/u79501/article/details/68942174 http ...

  3. CodeForces - 665D Simple Subset 想法题

    //题意:给你n个数(可能有重复),问你最多可以取出多少个数使得任意两个数之和为质数.//题解:以为是个C(2,n)复杂度,结果手摸几组,发现从奇偶性考虑,只有两种情况:有1,可以取出所有的1,并可以 ...

  4. SQL中的四种语言DDL,DML,DCL,TCL

    1.DDL(Data Definition Language)数据库定义语言statements are used to define the database structure or schema ...

  5. .Net Identity OAuth 2.0 SecurityStamp 使用

    起源: 近期帮别人做项目,涉及到OAuth认证,服务端主动使token失效,要使对应用户不能再继续访问,只能重新登陆,或者重新授权. 场景: 这种场景OAuth2.0是支持的,比如用户修改了密码,那所 ...

  6. php iconv() : Detected an illegal character in input string

    php iconv() : Detected an illegal character in input string_php技巧_脚本之家 https://www.jb51.net/article/ ...

  7. Qt 事件系统浅析 (用 Windows API 描述，分析了QCoreApplication::exec()和QEventLoop::exec的源码)（比起新号槽，事件机制是更高级的抽象，拥有更多特性，比如 accept/ignore，filter，还是实现状态机等高级 API 的基础）

    事件系统在 Qt 中扮演了十分重要的角色,不仅 GUI 的方方面面需要使用到事件系统,Signals/Slots 技术也离不开事件系统(多线程间).我们本文中暂且不描述 GUI 中的一些特殊情况,来说 ...

  8. 很多人以为 connect 和 disconnect 应该像 new 和 delete 一样成对出现 这是错误的（只要 sender 或 receiver 其中之一不存在了，connect 会自动失效。QObject::connect 函数是线程安全的）

    其实我写文章也是边查资料边编辑的 有时候是怕自己的阐述不严谨,有时候是怕自己重复造轮子 就像有些人不停的教大家QLabel QDialog QWidget 个人是不屑的 命令模式 用 Qt's Und ...

  9. Scala安装配置

    注:下载地址:http://downloads.typesafe.com/scala/2.11.6/scala-2.11.6.tgz?_ga=1.41078626.1125902863.1429259 ...

  10. LeetCode-206.ReverseLinked List

    Reverse a singly linked list. Example: Input: 1->2->3->4->5->NULL Output: 5->4-> ...