JQuery的加载和选择器用法简单示例

下面是关于“JQuery的加载和选择器用法简单示例”的完整攻略。

JQuery的加载

JQuery是一款JavaScript库，主要用于简化DOM操作、事件处理、动画效果等方面的开发。要使用JQuery，需要通过以下两种方式之一来加载：

方式一：从CDN加载JQuery

JQuery可以从CDN（内容分发网络）加载，CDN具有内容分发、访问速度快等特点。以下是一个从CDN加载JQuery的例子：

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

在页面中加入上面的代码之后，就可以在页面中使用JQuery了。

方式二：下载后本地加载JQuery

JQuery也可以下载到本地后再加载。以下是一个本地加载JQuery的例子：

<script src="jquery.min.js"></script>

注：以上的jquery.min.js文件为本地文件，需要放在项目目录下。

JQuery的选择器用法

JQuery提供了很多选择器用于选择DOM元素，和CSS选择器类似但更强大。下面是几个简单的例子：

选择器1：选择id为demo的元素

$("#demo")

上面的代码可以选择id为demo的DOM元素。

选择器2：选择class为container的所有元素

$(".container")

上面的代码可以选择class为container的所有DOM元素。

示例1：选择id为demo的元素，并更改样式

$("#demo").css("color", "red");

上面的代码可以选择id为demo的DOM元素，并将字体颜色改为红色。

示例2：选择class为container的所有元素，并更改样式

$(".container").css("color", "blue");

上面的代码可以选择class为container的所有DOM元素，并将字体颜色改为蓝色。

以上就是关于JQuery加载和选择器用法的简单攻略。