jQ的一些常识

Posted 2020-08-08 web全端小屋

$(window).width()//可视区宽度 
$(document).width()//整个页面文档流的宽度
$(‘body‘).width()//body元素的宽度(注意jQ获取body对象有引号)

对象等级是window是祖父级,document是父级,body是子级。而宽度是
$(document).width() ≥ $(‘body‘).width() ≥ $(window).width()




/*Dom未加载时就执行*/
(function () {
    /*js:匿名函数定义后立即执行*/
})();
(function () {
    /*有传递jQuery*/
})(jQuery);


/*Dom加载后执行*/
$(document).ready(function () { ... });
$(function () {...});/*两种规格写法等价*/

/*所有页面中的图片加载完才执行(避免chrome浏览器图片未获取完就获取图片高度)*/
$(‘img‘).load(function () {
        /*
            所有页面中的图片加载完才执行
            一般放到html结束标签后面或者直接放到
            $(function () {
                ...
            });里面
        */
});