jQuery(2)-使用

火星土豆饼

于 2020-03-25 16:51:02 发布

阅读量67

点赞数

本文链接：https://blog.csdn.net/weixin_43412366/article/details/105097681

版权

一.jQuery顶级对象$

$是jQuery的别称，在代码中可以使用jQuery代替 $,一般用 $
$是jQuery的顶级对象，相对于原生JavaScript中的window。把元素利用 $包装成jQuery对象，可以调用jQuery的方法

二.jQuery对象和DOM对象
1.用原生JS获取的对象就是DOM对象
2.jQuery方法获取的元素就是jQuery对象

<body>
	<div></div>
</body>
<script>
	//1.DOM对象：用原生js获取过来的对象就是DOM对象
	var div = document.querySelector('div');
	//2.jQuery对象就是用jquery方式获取的对象   本质：通过$把DOM元素进行了包装
	$('div');
	//3.jQuery对象只能使用jquery方法，DOM对象则只能使用原生的javascript的属性和方法
</script>

3.DOM对象与jQuery对象之间是可以相互转换的
转换的原因是：原生JS比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。
（1）DOM对象转换为jQuery对象： $(DOM对象)
（2）jQuery对象转换为DOM对象

$(‘div’)[index]
$(‘div’).get(index)

<video src ="mov.mp4"></video>
<script>
	1.DOM对象转换为jQuery对象
	（1）直接获取，得到的就是jQuery
	$('video');
	(2)我们已经使用原生js，获取DOM对象
	var video = document.querySelector('video');
	$(video);
	2.jQuery对象转换为DOM对象
	$('video')[0];
	$('video').get(0);	
</script>

火星土豆饼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery(2)-使用

一.jQuery顶级对象$$是jQuery的别称，在代码中可以使用jQuery代替 $,一般用 $$是jQuery的顶级对象，相对于原生JavaScript中的window。把元素利用 $包装成jQuery对象，可以调用jQuery的方法二.jQuery对象和DOM对象1.用原生JS获取的对象就是DOM对象2.jQuery方法获取的元素就是jQuery对象<body>...
复制链接

扫一扫