/* syntax highlight */ /* end of syntax highlight */

2012年2月10日 星期五

jQuery 筆記 (六) – $(document).ready

Bookmark and Share

image

第二天的 jQuery 線上課程有點短,不過也講了很重要的觀念

課程連結:http://tutsplus.com/lesson/not-so-fast-jquery/?WT.mc_id=learnjquery

 

 

今天的課程講到了 .ready 以及 child selector 等觀念

首先是以下這段程式碼

 

其中第一個重點在於 $('li:first-child').addClass('filter'); 此行

:first-child 是一個 selector ,選出 DOM 當中的第一個元素,所以只有第一個 <li> 受影響

而 $(document).ready(function(){ 的整塊 function,指的是等所有的 html 元素讀取完畢後

再引入 jQuery 的相關程式碼

 

所以,最後的顯示結果將如下:

image

 

此外,雖然以下寫法較好被理解與閱讀

$(document).ready(function(){
    $('li:first-child').addClass('filter');
});

 

但上面那段語法也可以寫成較簡短的寫法

$(function(){
    $('li:first-child').addClass('filter');
});

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...