jquery 1.4參考手冊學(xué)習(xí)筆記

動畫函數(shù)：

stop()函數(shù)，其中括號內(nèi)參數(shù)若寫，格式為 stop({clearQueue :true,gotoEnd:true})

動畫開關(guān)：顯示隱藏

<button id="go">Go</button>

<p>Hello</p><p >Hello Again</p>

 var flip = 0;

  $("button").click(function () {

      $("p").toggle( flip++ % 2 == 0 );

  });  

flip++ % 2 == 0 ,判斷flip是為奇數(shù)或偶數(shù)

flip+1能被2整除，則為真，即flip為奇數(shù)則為真，偶數(shù)為假

后加加有滯后的特點，后加加之后還是原來的值，前加加之后立刻變?yōu)榧雍蟮闹担允紫仍O(shè)為0，后加加后依然為0，整除2可以除盡，則為true,即為show,所以首先顯示隱藏的元素，然后再一起隱藏、一起顯示。如果不加這個開關(guān)，直接寫toggle(),則為兩個p元素交替顯示與隱藏，而不能同時顯示與隱藏。

根據(jù)switch參數(shù)切換元素的可見狀態(tài)（ture為可見，false為隱藏）。

如果switch設(shè)為true，則調(diào)用show()方法來顯示匹配的元素，如果switch設(shè)為false則調(diào)用hide()來隱藏元素。

jquery自定義插件

//    默認(rèn)選中所有和默認(rèn)不選中所有

    jQuery.fn.extend({

        check:function(){//這里的this指代jquery對象，所以也是類數(shù)組，可以遍歷，可以取長度

            return this.each(function(){this.checked=true;});

        },

        uncheck:function(){

            return this.each(function(){this.checked=false;})

        }

    });

    $("input[type=checkbox]").check();

$("input[type=radio]").uncheck();

    jQuery.extend({

        min:function(a,b){return a<b?a:b},

})

jQuery.fn.extend({

      test:function(){

//使用this   指代jquery對象

this.each(function(){

alert(this.value);//使用this-指代DOM對象

})

}

        }

    });

val(array)

val括號中可以寫數(shù)組，用在check和select上，相當(dāng)于設(shè)置select，單選框和復(fù)選框的默認(rèn)選中的值，而不是顯示的value文字

<select id="single">

  <option>Single</option>

  <option>Single2</option>

</select>

<select id="multiple" multiple="multiple">

  <option selected="selected">Multiple</option>

  <option>Multiple2</option>

  <option selected="selected">Multiple3</option>

</select><br/>

<input type="checkbox" value="check1"/> check1

<input type="checkbox" value="check2"/> check2

<input type="radio" value="radio1"/> radio1

<input type="radio" value="radio2"/> radio2

$("#single").val("Single2");

$("#multiple").val(["Multiple2", "Multiple3"]);

$("input").val(["check2", "radio1"]);

prepend(content)

<p>I would like to say: </p>

<p>I would like to say: </p>

<b>Hello</b>

<b>Good Bye</b>

$("p").prepend( $(".foo")[0] );

結(jié)果:

<p><b>Hello</b>I would like to say: </p>

<p><b>Hello</b>I would like to say: </p>

<b>Good Bye</b>

css（｛屬性名：“屬性值”｝）

屬性值如果有小杠作為連接符，則不寫，第二個單詞開頭字母大寫或者這個屬性使用引號也可以！

$("p").css({ "margin-left": "10px", "background-color": "blue" });

大括號里只要有一個地方錯的，則所有的都不能正常顯示

css(name,value)

eg:$(“p”).css(“background-color”,”red”);

$(“p”).css(“backgroundColor”,”red”);

前面的屬性名必須加雙引號，其中的屬性可以駝峰可以加小杠，涉及到px數(shù)值的，加引號，里面必須寫單位，不加引號，直接寫數(shù)字就可以。

offset(坐標(biāo))

不是獲取偏移，是設(shè)置偏移，設(shè)置某個元素的相對于document對象的位置（relative）

position() 獲取匹配元素相對父元素的偏移

事件對象

fn這個參數(shù)的回調(diào)函數(shù)還可以接受一個參數(shù)。當(dāng)這個函數(shù)被調(diào)用時，一個JavaScript事件對象會作為一個參數(shù)傳進來。

這個事件對象通常是沒有必要且可以省略的參數(shù)，因為當(dāng)這個事件處理函數(shù)綁定的時候就能夠明確知道他在觸發(fā)的時候應(yīng)該做些什么，通常就已經(jīng)可以獲得充分的信息了。然而在有些時候，在事件初始化的時候需要獲取更多關(guān)于用戶環(huán)境的信息?？梢詤⒖纪暾年P(guān)于事件對象的內(nèi)容。

在事件處理函數(shù)內(nèi)返回false就等價于執(zhí)行事件對象上的.preventDefault()和.stopPropagation()。

可以像這樣在事件處理函數(shù)內(nèi)使用事件對象：

$(document).ready(function() {

  $('#foo').bind('click', function(event) {

    alert('The mouse cursor is at ('

      + event.pageX + ', ' + event.pageY + ')');

  });

});

注意，這個參數(shù)添加到了一個匿名函數(shù)上。這個代碼可以讓用戶在點擊ID為foo的元素時，報告鼠標(biāo)點擊時相對于頁面的坐標(biāo)。