<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
alert($("p").text());
});
</script>
</head>
<body>
<p>test</p>
</body>
</html>
這樣的語法看起來很正常，但實際上，是因為我們把 js 放在 <head> 才不得不加上 document 的 ready，否則的話我們無法抓到 <p> 的文字。
所以，如果我們改一下擺放位子，將 js 放到 </body> 的上方，如下：
<html>
<head>
</head>
<body>
<p>test</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
alert($("p").text());
</script>
</body>
</html>
這樣就可以少一個 ready 事件監聽動作，讓網頁執行更加順暢快速囉。如果想知道更詳的原理，可以參考 jQuery 錦囊妙計 (jQuery Cookbook) 第一章
No comments:
Post a Comment