1、jQuery入口函数
入口函数就是当页面DOM加载完毕再去执行js文件,jQuery入口函数有两种写法第二种更加简单
第一种语法
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
--- $(document).ready(function() {
//此处是页面DOM加载完成的入口
});
</script>
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
--- $(function() {
//此处是页面DOM加载完成的入口
})
</script>
【注意】 |
等DOM结构渲染完成即可执行该入口函数代码,不必等所有的外部资源全部加载完成jQuery帮我们完成了封装。 |
相当于原生的js中的DOMContentLoaded
|
与原生js的load事件是不一样的,load 事件是等页面文档、外部js文件、 Css文件、图片等加载完毕才执行的。 |
2、jQuery 的顶级对象 $
2.1 $ 是 jQuery 的别称,下面两种写法是一样的
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
--- $(function() {
//此处是页面DOM加载完成的入口
})
</script>
第二种语法
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
--- jQuery(function() {
//此处是页面DOM加载完成的入口
})
</script>
2.2、 使用jQuery获取元素选择器为div的对象并隐藏
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
--- $(function() {//此处是页面DOM加载完成的入口
--- $('div').hide(); //通过元素选择器获取div
})
</script>
第二种语法
<script src="js/jQuery 3.4.1.mini.js"></script>
<script>
--- jQuery(function() { //此处是页面DOM加载完成的入口
--- jQuery('div').hide();//通过元素选择器获取div
})
</script>
【注意】 |
$ 是jQuery的顶级对象,相当于原生js的window |
利用$把元素包装成jQuery对象就可以调用jQuery的方法了 |
上一篇:jQuery1-001 版本下载及引用
下一篇:jQuery1-003 基本使用-DOM对象和jQuery对象
网友评论