js JavaScript库_javascript library-CSDN博客

本文链接：https://blog.csdn.net/weixin_45129218/article/details/115327865

"这篇博客介绍了JavaScript库的概念，以JQuery为例，阐述了库如何封装原生JS代码以提供更高效便捷的使用方式。JQuery具有轻量级、跨浏览器兼容、链式编程和丰富的插件等特点，简化了DOM操作、事件处理和动画制作。文章通过示例展示了JQuery的入口函数`$(function(){}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

仓库: 可以把很多东西放到这个仓库里面.找东西只需要到仓库里面查找到就可以了

JavaScript库: 即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预选定义好的函数在里面,比如动画animate,hide,show,比如获取元素等

简单理解: 就是一个JS文件,里面对我们原生js代码进行了封装,存放到里面.这样我们可以快速高效的使用这些封装好的功能了.

JQuery封装了JavaScript常用的功能代码,优化了DOM操作,事件处理,动画设计和Ajax交互

JQuery的优点

轻量级核心文件仅十几kb,不会影响页面加载速度
跨浏览器兼容,基本兼容了现在主流的浏览器
链式编程,隐式迭代
对事件,样式,动画支持,大大简化了DOM操作
支持插件扩展开发,有着丰富的第三方插件,例如
树形菜单,日期控件,轮播图
免费,开源

JQuery的入口函数

	$(function(){
		// 此处是页面DOM加载完成的入口
	});
	
	// 和上面的效果一样
	$(document).ready(function(){
		// 此处是页面DOM加载完的入口
	});

等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,JQuery帮我们完成了封装
相当于原生js中的DOMContentLoaded
不同于原生js中的load事件是等页面文档,外部的js文件,css文件,图片加载完毕才执行内部代码.

<body>
    <script>
        //$('div').hide();
        //1.等着页面DOM加载完毕再去执行js代码
        // $(document).ready(function(){
        //     $('div').hide();
        // })

        //2.等着页面DOM加载完毕再去执行js代码
        $(function(){
            $('div').hide();
        })
    </script>
    <div></div>
</body>