jQuery文档就绪
生活随笔
收集整理的這篇文章主要介紹了
jQuery文档就绪
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
很多jQuery代碼都有如下片段:
$(document).ready(function(){//代碼 })作用就是等文檔結構加載完成后再去執行function中的代碼，功能類似于window.onload事件。
代碼實例如下:
<!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>上面代碼能夠將div元素隱藏。但是如果將代碼修改如下：
<!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>運行上面的代碼卻不能夠隱藏div元素。
由于代碼是順序執行的，那么當代碼執行到$("div").hide()時候，文檔中的div元素還沒有加載完成，那么$("div")也就無法獲取到div對象，于是$("div").hide()就無效了。
?http://www.softwhy.com/article-993-1.html
http://www.softwhy.com/qiduan/jQuery_source/
http://www.softwhy.com/
更多專業前端知識，請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的jQuery文档就绪的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决maven项目Cannot chan
- 下一篇： 关于SSL证书配置、升级的一些问题总结