Jquery基礎學習筆記 1

1、屬性：為所有匹配的元素設定乙個計算的屬性值

//為所有的input新增屬性class="btn"

//$("input").attr("class","btn");

2、css：為每個匹配的元素新增指定的類名

//對所有的提交按鈕新增樣式

$("input:submit").addclass("btn");

3、值：獲得第乙個匹配元素的當前值

//取的某一按鈕的值

//alert($("#button1").val());

4、html**：取得第乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件。

//輸出div之間的html**

//alert($("#div1").html());

//對div中的html重新賦值

//$("#div1").html("");

5、文字：取得所有匹配元素的內容。

結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。

//輸出div之間的文字值

//alert($("#div1").text());

//對div中的文字重新賦值

//$("#div1").text("100");

6、 //單選按鈕選中

$("#select1").val("選項2");

// if( $("#select1").val()=='選項2')

7、將乙個或多個dom元素轉化為jquery物件

//設定頁面背景色

$(document.body).css("background","#c0c0c0");

//隱藏乙個表單中所有元素【不可用】

//$(div.elements).hide();

8、each用法以每乙個匹配的元素作為上下文來執行乙個函式

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

// });

9、這個函式的返回值與 jquery 物件的'length' 屬性一致

//button的個數

//alert($("input:submit").size()+" and "+$("input:submit").length);

10、取得所有匹配的 dom 元素集合

//alert($("input").get().reverse());

//取得其中乙個匹配的元素。 num表示取得第幾個匹配的元素

//alert($("input").get(1));

此筆記只是作為本人學習 jquery 的隨手筆記稍微做了一下整理希望對新人有參考價值。1 屬性為所有匹配的元素設定乙個計算的屬性值為所有的 input 新增屬性 class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名對所有的提交按鈕新增樣式...