<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jquery对象的获取方式</title>
<script src="js/jquery-3.2.0.min.js"></script>
<script>
//第一点,要保证等网页里所有的元素加载完毕
// $(document).ready(function () {
//
// });
//上面步骤的简写
$(function(){
//里面的jquery代码都可以写入到这里
//第一种获取jquery的方法,通过id获取
$("#div1").html("这是div1的元素");//html方法等同于之前的innerHTML属性
$("#div2").html("这是div2的元素");
//第二张是通过html元素标签来获取
$("span").html("这是span元素");
//第三种,通过样式类来获取
$(".red").html("这是red样式的html");
});
</script>
</head>
<body>
<div id="div1">
</div>
<div id="div2">
</div>
<span></span>
<span></span>
<div class="red">
</div>
</body>
</html>