jQuery学习笔记——基本了解

安装

两种方法：

• 从 jquery.com 下载jQuery。

• 从 CDN 中载入 jQuery, 如从我的博客中加载 jQuery：

<script src="https://blog-static.cnblogs.com/files/BlogE/jquery-3.3.1.min.js"></script>

语法

$(selector).action()

​选择器 + 事件

文档就绪事件

$(document).ready(function(){
   /* code */
});

我们通常将所有jQuery代码写在上面代码的注释处，这样是为了防止网页在加载完毕之前就运行jQuery代码，导致操作失败的情况。

选择器

用来对选择要进行操作的HTML 元素组或单个元素。

$("选择的元素")

几种选择方式：

1. 选择标签，如：$("p")就选择了所有标签为<p>...</p>的html元素。
2. 选择id，如$("#id1")就选择了id为“id1”的元素。
3. 选择class，如$(".class1")就选择了class为“class1”的元素。
4. 选择当前元素：$(this)

---

Tips：选择器中的“与”和“或”

比如说我要选择id="id1"并且class="class1"的元素，则应该使用$("#id1.class1")。
如果我要选择所有id="id1"或者class="class1"的元素，则应该使用$("#id1,.class1")，两个条件以逗号间隔。