2021-05-08

 

                                JQuery的使用

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： jQuery

作者：公孙离

撰写时间：2021/5/8

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1、安装方式

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

l 从 jquery.com 下载 jQuery 库

l 从 CDN 中载入 jQuery, 如从百度加载 jQuery

 

2、开发版本和生产版本

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

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

 

3、jQuery 使用版本

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

的版本

 

4、jQuery 语法

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

 

说明：

l 美元符号定义 jQuery

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

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

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

 

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

（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果 在文档没有完全加载之前就运行函数，操作可能失败。