jQuery文档就绪
生活随笔
收集整理的這篇文章主要介紹了
jQuery文档就绪
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
很多jQuery代碼都有如下片段:
$(document).ready(function(){//代碼 })作用就是等文檔結(jié)構(gòu)加載完成后再去執(zhí)行function中的代碼，功能類似于window.onload事件。
代碼實(shí)例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{height:150px;width:150px;background-color:#ccc; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").hide(); }) </script> </head> <body> <div></div> </body> </html>上面代碼能夠?qū)iv元素隱藏。但是如果將代碼修改如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{height:150px;width:150px;background-color:#ccc; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $("div").hide(); </script> </head> <body> <div></div> </body> </html>運(yùn)行上面的代碼卻不能夠隱藏div元素。
由于代碼是順序執(zhí)行的，那么當(dāng)代碼執(zhí)行到$("div").hide()時(shí)候，文檔中的div元素還沒(méi)有加載完成，那么$("div")也就無(wú)法獲取到div對(duì)象，于是$("div").hide()就無(wú)效了。
?http://www.softwhy.com/article-993-1.html
http://www.softwhy.com/qiduan/jQuery_source/
http://www.softwhy.com/
更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的jQuery文档就绪的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 解决maven项目Cannot chan
- 下一篇： 关于SSL证书配置、升级的一些问题总结