jquery跟js初始化加载的多种方法及区别介绍

针对题目“jquery跟js初始化加载的多种方法及区别介绍”的完整攻略，我准备了以下内容，并进行了分条详解。

一、jQuery和JS的初始化

1. jQuery的初始化

jQuery的初始化可以通过选择要操作的元素，然后在其中进行相关操作。例如：

$(document).ready(function(){
   //放置需要在DOM全部满足之后执行的代码
});

上面的代码是一种常用的jQuery初始化方式，其中，document是用于指定文档的对象，ready是一个事件，当文档全部准备好后就会触发。

另外一种方法是简化版，使用以下方式：

$(function(){
   // 放置需要在DOM全部满足之后执行的代码
});

这两种方式的区别是前者document对象已经传入，而后者不需要再传入。

2. JS的初始化

JS的初始化可以通过直接在HTML代码中嵌入JS代码，例如：

<script>
// 放置需要在页面加载时执行的代码
</script>

或者通过在外部JS文件中编写代码，然后在HTML中通过引用的方式加载JS文件的方式来实现，例如：

<script src="filename.js"></script>

二、jQuery和JS的加载方式

1. jQuery的加载方式

jQuery的加载方式有两种：

• 本地jQuery库文件：下载jQuery库文件到本地，然后在HTML中通过引用的方式加载jQuery库文件；
• CDN加载：通过引用外链的方式，从CDN（内容分发网络）服务器上获取jQuery库文件。

以下是通过CDN加载的方式来加载jQuery库文件的示例代码：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. JS的加载方式

JS的加载方式也有两种：

• 内联方式：将JS代码直接嵌入到HTML中，直接在页面中加载执行；
• 外部文件方式：将JS代码写在外部文件中，通过script标签的src属性值来指定JS文件路径。

以下是通过外部文件方式来加载JS文件的示例代码：

<script src="filename.js"></script>

三、jQuery和JS的区别介绍

• jQuery使用CSS选择器来获取DOM元素，而JS则使用document对象的方法来获取DOM元素。
• jQuery是运行在JavaScript之上的一个库，可以简化JS代码，而JS是一门编程语言，可以实现更加复杂的功能。
• jQuery是开发Web应用的一种快捷便利的途径，而JS是实现各种功能的必选语言之一。

接下来，我给出了进一步说明的示例代码：

示例1：使用jQuery的写法获取页面元素

var button = $('#button1');

示例2：使用JS的写法获取页面元素

var button = document.getElementById("button1");

通过上面这两个示例，我们可以容易地看出，两者在获取DOM元素的方式上的区别。

综上，本篇攻略讲述了“jQuery跟JS初始化加载的多种方法及区别介绍”的相关方法和技巧。如果你有任何疑问或者反馈，请随时联系我。