Jquery基礎學習筆記 1

2021-09-05 20:58:42 字數 1693 閱讀 4117

此筆記只是作為本人學習

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 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...