安装
两种方法:
-
从 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 元素组或单个元素。
$("选择的元素")
几种选择方式:
- 选择标签,如:
$("p")
就选择了所有标签为<p>...</p>
的html元素。 - 选择id,如
$("#id1")
就选择了id为“id1”的元素。 - 选择class,如
$(".class1")
就选择了class为“class1”的元素。 - 选择当前元素:
$(this)
Tips:选择器中的“与”和“或”
比如说我要选择id="id1"并且class="class1"的元素,则应该使用$("#id1.class1")
。
如果我要选择所有id="id1"或者class="class1"的元素,则应该使用$("#id1,.class1")
,两个条件以逗号间隔。