jQuery 引入和使用

1、安装方式

在网页中添加 jQuery，可以使用以下 2 种方法：

l 从 jquery.com 下载 jQuery 库

l 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

1.

3.

4.

5. <script src="jquery-1.12.4/jquery-1.12.4.js"></script>

7.

8.

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

cript>

10.

11. <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-

2.0.2.min.js"></script>

2、开发版本和生产版本

l 生产版本用于实际的网站中，已被精简和压缩。文件名称（*.min.js）

l 开发版本用于测试和开发（未压缩，是可读的代码）文件名称(*.js)

3、jQuery 使用版本

我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用

的版本

4、jQuery 语法

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

1. $(selector).action()

2. //或者

3. jQuery(selector).action()

说明：

l 美元符号定义 jQuery

l 选择符（selector）"查询"和"查找" HTML 元素

l jQuery 的 action() 执行对元素的操作

文档就绪事件（页面加载事件）

1. //文档就绪事件

2. $(document).ready(function(){

3. // 开始写 jQuery 代码...

4. });

6. //简写

7. $(function(){

8. // 开始写 jQuery 代码...

9. });

* 所有 jQuery 函数位于一个 document ready 函数中，这是为了防止文档在完全加载

（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果

在文档没有完全加载之前就运行函数，操作可能失败。

jQuery 引入和使用相关推荐

jQuery介绍、jQuery引入
1.jQuery介绍 jQuery是一个前端库,也是一个方法库: 它里面封装着很多操作DOM的方法供我们使用: 我们常用的一些方法它里面都有,我们可以直接拿来使用就行了: jQuery之所以好用,很多 ...
JQuery引入例子
导包引入导包引入新建一个jsp页面,引入JQuery包启动访问my.jsp JQuery引入成功
jquery引入标红叉
还是之前的项目,发现导入进去之后几乎所有的.js文件都飘红,例如: jquery.min.js jquery.1.11.1.js 等等显示的错误为: Multiple markers at ...
jquery引入外部CDN，失效后则引入本地jq库
<script src="//ajax.google/jquery/1.9.2.js"></script> <script>window.jQu ...
vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
引入jQuery后$冲突的解决办法
网站开发中的javasript部分,现在的开发人员很少有再去手工写document.getElementById()的了吧,那还不得累死,你还真别说,getElementById还真不好写,字母还挺多 ...
vue全局安装jquery，vue使用bootstrap框架，vue中封装websocket通讯，vue引入element-ui 组件库，引入highcharts图表插件
vue安装jquery: 1.使用vue-cli创建好vue项目后,在项目文件夹下,使用命令npm install jquery --save-dev 引入jquery. 2.修改项目文件 build ...
jquery概念、引入、选择器
一.jquery 简介 1. 什么是jquery 1. jquery:是一个轻量级的js库 2. jQuery库包含以下功能: 1.HTML 元素选取 2.HTML 元素操作 3.CSS 操作 4.H ...
JavaScript之jQuery够用即可（jQuery的引入、查找选择器、左侧菜单栏）
文章目录一.写在前面二.jQuery的引入二.各种查找选择器四.实例之左侧菜单栏一.写在前面 JQuery世界上使用最广泛的一个库,它是一个轻量级的库,文件大小只有几十k,但是功能却相当强大 ...

jQuery 引入和使用

jQuery 引入和使用相关推荐

最新文章

热门文章