jQuery有三种使用方法：
1. 加载页面后执行：
在平常的时候我们使用预加载的时候我们要把方法和onload()绑定：
<script type="text/javascript">
document.onload = function () {
// 这个事件在页面加载完成之后加载的
}
</script>
但是在jQuery中我们只要使用 $() 就可以将方法加载
<script type="text/javascript">
$.ready(function () {
});
$(function () {
//这两个都可以
console.log("页面加载");
});
//在$()中的函数可以自动加载onload函数
</script>
2.通过标签选择器字符串，返回标签对象的的jQuery包装对线
在DOM对象中我们使用：
<script type="text/javascript">
var div = document.getElementsByTagName("div")[0];
</script>
来选则标签。
但是在jQuery中：
<script type="text/javascript">
var div = $("div");
</script>
在这里的div是一个数组
3.第三种方法把DOM对象转换成jQuery对象
我们可以把DOM对象转换为jQuery对象：
<script type="text/javascript">
var div1 = document.getElementsByTagName("div")[0];
var jqy = $(div1);
</script>
这里我们的jqy里就有了DOM对象的方法。
代码总和：
<!DOCTYPE html>
<html lang="en">
<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>
以上就是jQuery的基础用法。
7617
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
