jQuery----函式和選擇器

sld666666發表於2014-11-27
jQuery函式

1. $(document).ready

幾乎所有的jQuery程式碼都是以如下方式開始的

$(document).ready(function() {
    Do something
});
  1. $(document) 是一個jQuery物件。$()其實是一個函式的裝飾，它返回一個jQuery物件。
  2. .read()是一個函式。當html document準備完畢以後，這個函式被呼叫
  3. 在function(){} 是當read()函式被執行時候要做的實際操作。function(){}返回的是一個物件。

2. 帶引數的函式

function(input1, input2, etc) {
    Do a thing
    Do another thing
    Do yet another thing!
}

jQuery一個非常好的東西就死我們可以給函式的引數定義為任何內容（可以為一個函式）。這就是為什麼在.ready()函式中， 可以帶一個函式的引數。

3. 變數

var lucky = 7;
var name = "Codecademy";
var $p = $('p');

javascript是一個弱型別的語言，所以我們可以給var 付給任意的東西。
$('p') 是jQuery的選擇器， $p只是一個變數名。加上$只是約定。

4. 更有彈性的選擇

所有能夠不css選擇的元素，都能不jQuery選擇並改變。我可以這樣：

$('p').fadeTo('slow', 0);

也可以這樣：
$('li').fadeTo('slow', 0);
或者這樣：
$('p, li').fadeTo('slow', 0);

5. 'this'非常重要

$(document).ready(function() {
    $('div').mouseenter(function() {
        $(this).hide();
    });
});

this 關鍵字表示正在操作的當前元素

相關文章