介紹幾個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"));
});