jQuery中的顶级对象$
1、$是jQuery的别称,在代码中可以使用jQuery代替,但一般为了方便,通常都直接使用$.
2、$是jQuery的顶级对象,相当于原生JavaScript中的window.把元素利用$包装成jQuery对象,就可以调用jQuery的方法.
jQuery对象和DoM对象
使用jQuery方法和原生js获取的元素是不一样的,总结如下:
1、用原生js获取来的对象就是DOM对象。
2、jQuery方法获取的元素就是jQuery对象。
3、JQuery对象的本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)。
注意:
1、只有jQuery对象才能使用jQuery方法,DOM对象则使用原生的javaScirpt方法。
2、原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码
<style type="text/css">
#d1{
color: red;
size: unset;
}
p{
color: cyan;
}
</style>
<script src="js/jquery.min(1).js">
</script>
<script type="text/javascript">
$(function() {
var a1 = $("#d1"); //获取id元素
console.log(a1);
console.log(a1.text()); //使用JQ对象的方法获取元素的文本内容
console.log(a1[0].innerText); //JQ对象转换成DOM对象获取文本内容
console.log("................")
var d1 = document.getElementById("d1") //根据id获取元素
console.log(d1.innerText); //使用DOM对象获取元素文本内容
console.log($(d1).text()); //DOM对象转化为JQ对象,获取文本内容
var a2 = $("p");
});
</script>
</head>
<body>
<h2>JQuery入门</h2>
<div id="d1">
id为d1的div
</div>
<p>这是一个p标签1</p>
<p>这是一个p标签2</p>
</body>