https://blog.csdn.net/qq_45062721/article/details/104226079
在平常的时候我们使用预加载的时候我们要把方法和onload()绑定：
<script type="text/javascript">
document.onload = function () {
// 这个事件在页面加载完成之后加载的
}
</script>
1
2
3
4
5
但是在jQuery中我们只要使用 $() 就可以将方法加载
<script type="text/javascript">
$.ready(function () {
});
$(function () {
//这两个都可以
console.log("页面加载");
});
//在$()中的函数可以自动加载onload函数
</script>
1
2
3
4
5
6
7
8
9
10
2.通过标签选择器字符串，返回标签对象的的jQuery包装对线
在DOM对象中我们使用：
<script type="text/javascript">
var div = document.getElementsByTagName("div")[0];
</script>
1
2
3
来选则标签。
但是在jQuery中：
<script type="text/javascript">
var div = $("div");
</script>
1
2
3
在这里的div是一个数组
3.第三种方法把DOM对象转换成jQuery对象
我们可以把DOM对象转换为jQuery对象：
<script type="text/javascript">
var div1 = document.getElementsByTagName("div")[0];
var jqy = $(div1);
</script>
1
2
3
4
这里我们的jqy里就有了DOM对象的方法。
代码总和：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery</title>
<style>
<!--选择器 -->
div{
/*重定义标签选择器*/
background: #000;
}
</style>
</head>
<body>
<div>Hello!</div>
<script src="js/jquery-3.4.1.slim.min.js"/>
<script type="text/javascript">
document.onload = function () {
// 这个事件在页面加载完成之后加载的
}
$.ready(function () {
});
$(function () {
//这两个都可以
console.log("页面加载");
});//可以自动加载onload函数
/*
* 2.通过标签选择器字符串，返回标签对象的的jQuery包装对线
* */
//在DOM对象中，我们使用
// var div = document.getElementsByTagName("div")[0];
//选择的是div的集合
var div = $("div");
div.css("","");//两个值，前面的是名称，后面是值
/*
* 3.第三种方法把DOM对象转换成jQuery对象
* */
var div1 = document.getElementsByTagName("div")[0];
var jqy = $(div1);
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
以上就是jQuery的基础用法。
————————————————
版权声明：本文为CSDN博主「Rabbit_Sir」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_45062721/article/details/104226079