初學jquery之自學筆記 3

2022-06-26 15:15:13 字數 2489 閱讀 4772

63.為所有匹配的元素設定乙個計算的屬性值

$(img).attr("title",function());

64.為所有匹配的元素設定乙個屬性值

65.取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。

如果元素沒有相應屬性,則返回undefined

$("img").attr("src");

66.將乙個"名/值"形式的物件設定為所有匹配元素的屬性

$("img").attr();

67.從每乙個匹配的元素中刪除乙個屬性

$("img").removeattr("src");

68.為每個匹配的元素新增指定的類名

$("div").addclass("selected");

69.從所有匹配的元素中刪除全部或者指定的類

刪除匹配元素的所有類:$("div").removeclass();

刪除指定的類:$("div").removeclass("selected");

70.如果存在(不存在)就刪除(新增)乙個類

$("div").toggleclass("selected");

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

$("div").html();

72.設定每乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件。

$("div").html("hello,my friend

");73.取得所有匹配元素的內容。結果是由素有匹配元素包含的文字內容組合起來的文字。

$("div").text();

74.設定所有匹配元素的文字內容

$("div").text("goodmorning");

75.獲得第乙個匹配元素的當前值。在jquery 1.2中,可以返回任意元素的值了。包括select。如果多選,將返回乙個陣列,其包含所選的值。

$("#single").val("single2");

$("#multiple").val(["multiple2","multiple3"]);

$("input").val(["check2","radio1"]);

77.設定每乙個匹配元素的值。在jquery 1.2,這也可以為select元件賦值

$("input").val("hello world!");

78.獲取第n個元素。這個元素的位置從0算起

$("div").eq(1);

79.篩選出與指定表示式匹配的元素集合。這個方法用於縮小匹配的範圍。用逗號分隔多個表示式

$("div").filter(".selected");

80.篩選出與指定函式返回值匹配的元素集合。這個函式內部將對每個物件計算一次

(正如 '$.each').如果呼叫的函式返回false則這個元素被刪除,否則就會保留

$("div").filter(function(index));

81.檢查當前的元素是否含有某個特定的類,如果有,則返回true。

這其實就是is("."+class)。

$("div").click(function())

.animate()

.animate()

.animate()

.animate();

}});

82.用乙個表示式來檢查當前選擇的元素集合,如果其中至少有乙個元素符合這個給定的表示式就返回true。

如果沒有元素符合,或者表示式無效,都返回'false'. 'filter' 內部實際也是在呼叫這個函式,所以,filter()函式原有的規則在這裡也適用。

$("input[type='checkbox']").parent().is("form");

83.將一組元素轉換成其他陣列(不論是否是元素陣列)

你可以用這個函式來建立乙個列表,不論是值、屬性還是css樣式,或者其他特別形式。這都可以用'$.map()'來方便的建立。

$("p").not($("#selected")[0]);

85.選取乙個匹配的子集,與原來的slice方法類似

$("p").slice(0,1).wraplnner("");

初學jquery之自學筆記 5

111.用匹配的元素替換掉所有 selector匹配到的元素。paragraph.replaceall p 112.將所有匹配的元素替換成指定的html或dom元素。p replacewith paragraph.113.刪除匹配的元素集合中所有的子節點。p empty 114.從dom中刪除所有匹...

初學jquery之自學筆記 1

1.返回指定html的值 msg html 取值,相當於get方法 msg html hello 賦值,相當於set方法 2.get search.do rend function rend xml msg ajaxstart function msg ajaxsuccess function 3....

jQuery 自學筆記 3

this hide 演示 jquery hide 函式,隱藏當前的 html 元素。test hide 演示 jquery hide 函式,隱藏 id test 的元素。p hide 演示 jquery hide 函式,隱藏所有 元素。test hide 演示 jquery hide 函式,隱藏所有...