jquery中的$(document).ready()

版权声明:版权所有,违者必究 https://blog.csdn.net/weixin_39921821/article/details/86711753

直接上代码解释:

①.下面是在页面加载完,自动执行定义js代码(function)

window.onload = function(){
 alert("welcome"); 
}

②.下面该函数是用来取代页面中的window.onload 

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

注:document.ready()和传统的方法<body onload=”load()”> 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快。

③.Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作,jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行

④.为了防止文档在完全加载(就绪)之前运行jQuery代码.

⑤$(ul li:first)---->每个<ul>的第一个<li>元素

⑥$([href$=.jpg])---->所有带有以“.jpg”结尾的属性值的href属性

注:

猜你喜欢

转载自blog.csdn.net/weixin_39921821/article/details/86711753