jQuery入口函数

最新推荐文章于 2023-06-15 00:00:49 发布

wzh110110110

最新推荐文章于 2023-06-15 00:00:49 发布

阅读量229

点赞数

分类专栏： jQuery笔记文章标签： jquery

本文链接：https://blog.csdn.net/weixin_50652993/article/details/119517216

版权

7 篇文章 0 订阅

订阅专栏

一、jQuery入口函数格式

$(function(){
	//...
});

其中，函数内容只需要等到DOM结构渲染完毕就饿可以执行，不必等待所有资源加载完成。

入口函数的另一种格式

$(document).ready(function(){
	//...
});

在上述代码中，$ 代表jQuery，它是jQuery的别称，在编写代码中可以用jQuery代替，当通常都用 $表示。

1.格式上
使用传统方法获得的DOM对象

var obj=document.querySelector('id'); //DOM对象

使用jQuery类库的选择器获得的对象

var $obj = $("#id");   //jQuery对象

2.jQuery对象是通过jQuery库将DOM对象封装后的对象。
3.jQuery对象可以使用jQuery里面的函数与方法，但是在jQuery对象中不能使用DOM对象的任何方法。

注意
$ 是jQuery的顶级对象，在原生的JavaScript中，$相当于window。

由于原生的JavaScript里面的一些方法和属性在jQuery中没有，所以可以将 jQuery对象转换为DOM对象，DOM对象也可以转换为 jQuery对象。

<body>
	<div src="box"></div>
	<script>
		$('div');  //直接获取
		var d=document.querySelector('div');   //通过创建DOM对象获取
		$(d);
	</script>
</body>

$('div')[0].hide();    //第一种方式
$('div').get(0).hide();    //第二种方式

其中，[ ] 和 ()中为索引号。

关注

专栏目录