介紹幾個jquery基礎知識,不知道的看看吧

設置頁面背景色$(document.body).css( "background", "black" );

隱藏一個表單中所有元素。$(myForm.elements).hide()

在文檔的第一個表單中,查找所有的單選按鈕(即: type 值為 radio 的 input 元素)。$("input:radio", document.forms[0]);

在一個由 AJAX 返回的 XML 文檔中,查找所有的 div 元素。$("div", xml.responseXML);

迭代兩個圖像,並設置它們的 src 屬性。注意:此處 this 指代的是 DOM 對象而非 jQuery 對象。

$("img").each(function(i){

this.src = "test" + i + ".jpg";

});

jQuery 對象中元素的個數。這個函數的返回值與 jQuery 對象的'<span title="Core/length">length</span>' 屬性一致。$("img").size();

jQuery 對象中元素的個數。當前匹配的元素個數。 <span title="Core/size">size</span> 將返回相同的值。$("img").length;

取得第 index 個位置上的元素

HTML 代碼:

<img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代碼:

$("img").get(0);結果:

[ <img src="test1.jpg"/> ]

選擇文檔中所有圖像作為元素數組,並用數組內建的 reverse 方法將數組反向。

HTML 代碼:

<img src="test1.jpg"/> <img src="test2.jpg"/>jQuery 代碼:

$("img").get().reverse();結果:

[ <img src="test2.jpg"/> <img src="test1.jpg"/> ]

在元素上存放數據,返回jQuery對象。

$("div").data("blah"); // undefined

$("div").data("blah", "hello"); // blah設置為hello

$("div").data("blah"); // hello

$("div").data("blah", 86); // 設置為86

$("div").data("blah"); // 86

$("div").removeData("blah"); //移除blah

$("div").data("blah"); // undefined

在一個div上存取名/值對數據

jQuery 代碼:

$("div").data("test", { first: 16, last: "pizza!" });

$("div").data("test").first //16;

$("div").data("test").last //pizza!;

在元素上移除存放的數據與$(...).data(name, value)函數作用相反

從元素中刪除之前添加的數據:

jQuery 代碼:

$("#btn2").click(function(){

$("div").removeData("greeting");

alert("Greeting is: " + $("div").data("greeting"));

});

相關推薦

推薦中...