jQuery入口函数

jQuery

发布日期: 2020-06-09

文章字数: 418

阅读时长: 1 分

阅读次数:

jQuery 入口函数（ready）

//jQuery入口函数语法
$(document).ready(function(){
    //执行代码
});
//jQuery入口函数简写形式
$(function(){
    //执行代码
});
//JavaScript入口函数
window.onload = function(){
    //执行代码
}

jQuery入口函数于JavaScript入口函数的区别：

ready是jQuery的事件，在网页中的DOM结构加载完毕之后就会去执行该事件。

JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

	window.onload	$(document).ready()
执行时机	必须等待网页全部加载完毕（包括图片等），然后再执行包裹代码	只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码
执行次数	只能执行一次，如果第二次，那么第一次的执行会被覆盖	可以执行多次，第N次都不会被下一次覆盖
简写方案	无	$(function(){ //执行代码 });

jQuery对象（$）

//jQuery的全局对象只有一个：jQuery <=> $
$(document).ready(function(){
    console.log(jQuery);
    console.log($);
    console.log($ === jQuery);//true

    jQuery('h1').css("color", "red");

    //选择器,参数使字符串
    $("#box").width(100).height(200).css("background-color", "red");
    //把原生DOM转为jQuery DOM，参数是dom对象
    var $document = $(document);
    //创建一个新元素,参数是字符串，并且字符串以<开头
    $("<p>").html('hello jQuery!').appendTo("#box");

});