Jquery 基礎(chǔ)學(xué)習(xí)筆記

2019-11-21 01:20:41

字體：大中小

供稿：網(wǎng)友

1、屬性：為所有匹配的元素設(shè)置一個計算的屬性值

//為所有的input添加屬性class="btn"
//$("input").attr("class","btn");

2、CSS：為每個匹配的元素添加指定的類名
//對所有的提交按鈕添加樣式
$("input:submit").addClass("btn");

3、值：獲得第一個匹配元素的當(dāng)前值
//取的某一按鈕的值
//alert($("#Button1").val());

4、Html代碼：取得第一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔。
//輸出div之間的html代碼
//alert($("#div1").html());

//對Div中的html重新賦值
//$("#div1").html("<input type='text'/>");

5、文本：取得所有匹配元素的內(nèi)容。

結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個方法對HTML和XML文檔都有效。

//輸出div之間的文本值
//alert($("#div1").text());

//對div中的文本重新賦值
//$("#div1").text("100");

6、 //單選按鈕選中
$("#select1").val("選項2");
// if( $("#select1").val()=='選項2')
// {
// alert("你選擇了選項2");
// }

7、將一個或多個DOM元素轉(zhuǎn)化為jQuery對象
//設(shè)置頁面背景色
$(document.body).css("background","#c0c0c0");

//隱藏一個表單中所有元素【不可用】
//$(div.elements).hide();

8、each用法以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)
// $("button").click(function () {
// $("div").each(function (index, domEle) {
// // domEle == this
// $(domEle).css("backgroundColor", "yellow");
// if ($(this).is("#stop")) {
// $("span").text("Stopped at div index #" + index);
// return false;
// }
// });
// });

9、這個函數(shù)的返回值與 jQuery 對象的'length' 屬性一致
//button的個數(shù)
//alert($("input:submit").size()+" and "+$("input:submit").length);

10、取得所有匹配的 DOM 元素集合
//alert($("input").get().reverse());
//取得其中一個匹配的元素。 num表示取得第幾個匹配的元素
//alert($("input").get(1));

上一篇：Jquery 基礎(chǔ)學(xué)習(xí)筆記之文檔處理

下一篇：javascript AutoScroller 函數(shù)類