JQ——初识JQ、JQ入口函数与JS入口函数的区别

2021-04-24 20:26

阅读：496

YPE html>

标签：ESS head 书写方式结果 height asc char app 显示

1、什么是Jquery：

（1）JQ图标分析：

技术图片

J：代表JS

Query：查询

write less,do more：写更少的代码，做更多的事情（对HTML文档的遍历和操作、事件处理、动画、Ajax变得更加简单）

（2）概念：

jQuery本质上是一个快速、简洁的JavaScript框架。

2、新建Jquery项目：

目录结构：

技术图片

代码：

"UTF-8">
        Jquery入门

运行结果：

技术图片

3、JQ入口函数与JS入口函数的区别：

（1）书写方式：


    "UTF-8">
        Jquery入门

JS入口函数：

window.onload = function () {
    // 执行代码
}

（2）JS存在覆盖问题，JQ不存在

JS：


    "UTF-8">
        Jquery入门

只会显示后面的内容：

技术图片

JQ：


    "UTF-8">
        Jquery入门

点击确认按键，依次显示以下内容：

技术图片

（3）JQ的加载速度要比JS快：


    "UTF-8">
        Jquery入门

技术图片

jQuery 的入口函数是在 html 所有标签都加载之后，才会去执行。

JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行，因此，加载速度较慢。

JQ——初识JQ、JQ入口函数与JS入口函数的区别

标签：ESS head 书写方式结果 height asc char app 显示

原文地址：https://www.cnblogs.com/zhai1997/p/12232892.html

上一篇：使用ajax

下一篇：css备份

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：JQ——初识JQ、JQ入口函数与JS入口函数的区别
文章链接：http://soscw.com/index.php/essay/79088.html

亲，登录后才可以留言！