40.1 JQuery基础、版本介绍、语法、入口函数、 JQuery与javaScript相互转换

最新推荐文章于 2022-04-09 10:52:05 发布

birdlun

最新推荐文章于 2022-04-09 10:52:05 发布

阅读量366

点赞数

分类专栏： 02 javaee

本文链接：https://blog.youkuaiyun.com/Birdmotianlun/article/details/113813022

版权

02 javaee 专栏收录该内容

62 篇文章

订阅专栏

本文介绍了JQuery的基础知识，包括它的作用和版本历史，详细讲解了1.x、2.x和3.x版本的区别。接着，阐述了导入JQuery库的方法和基本语法。此外，还讨论了JQuery与JavaScript之间的转换方法，以及JQuery的入口函数与window.onload的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.4 JQuery与javaScript相互转换

1.5 jquery入口函数

1 JQuery 基础

JQuery概念：jquery是一个JavaScript的框架。简化JS开发

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已

1.1 JQuery版本

1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)
2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日)
3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。最新版本：3.2.1（2017年3月20日）

jquery-xxx.js 与 jquery-xxx.min.js区别？
1. jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些 2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快

1.2 导入JQuery的js文件

可以通过多种方法在网页中添加 jQuery。您可以使用以下方法：

从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

<head>
</head> <script  src="../../js/jquery-3.3.1.min.js"></script>//本地query
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">//新浪query
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">//百度jquery
</script>

1.3 JQuery语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()

如：

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p .test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素

1.4 JQuery与javaScript相互转换

JavaScript转为Jquery：$(js对象)

Jquery转为JavaScript: jq对象[索引] 或者 jq对象.get(索引)

1.5 jquery入口函数

入口函数：dom文档加载完成之后执行该函数中的代码

$(function) 和 window.onload 区别
* window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
* $(function)可以定义多次的。