Jquery基礎學習筆記 1

此筆記只是作為本人學習

jquery

的隨手筆記

,稍微做了一下整理

,希望對新人有參考價值。

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

1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的input新增屬性class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式 input submit addclass btn 3 值 獲得第乙個匹配元素的當前值 取的某...

Jquery基礎學習筆記 1

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

Jquery基礎學習筆記 1

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