初學jquery之自學筆記 5

111.用匹配的元素替換掉所有 selector匹配到的元素。

$("paragraph.").replaceall("p");

112.將所有匹配的元素替換成指定的html或dom元素。

$("p").replacewith("paragraph.");

113.刪除匹配的元素集合中所有的子節點。

$("p").empty();

114.從dom中刪除所有匹配的元素。

這個方法不會把匹配的元素從jquery物件中刪除，因而可以在將來再使用這些匹配的元素。

$("p").remove();

$("p").remove(".hello");

115.轉殖匹配的dom元素並且選中這些轉殖的副本。

$("b").clone().prependto("p");

116.元素以及其所有的事件處理並且選中這些轉殖的副本

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

117.訪問第乙個匹配元素的樣式屬性。

$("p").css("color");

118.在所有匹配的元素中，設定乙個樣式屬性的值。數字將自動轉化為畫素值

$("p").css("color","red");

119.把乙個「名/值對」物件設定為所有匹配元素的樣式屬性。

這是一種在所有匹配的元素上設定大量樣式屬性的最佳方式。

$("p").css();

$("p").css();

120.獲取匹配元素在當前視口的相對偏移。

返回的物件包含兩個整形屬性：top 和 left。此方法只對可見元素有效。

var p = $("p:last");

var offset = p.offset();

p.html( "left: " + offset.left + ", top: " + offset.top );

121.取得第乙個匹配元素當前計算的高度值（px）。

$("p").height();

$(document).height();

122.為每個匹配的元素設定css高度(height)屬性的值。如果沒有明確指定單位（如：em或%），使用px。

如果沒有明確指定單位（如：em或%），使用px。

$("p").height(20);

123.取得第乙個匹配元素當前計算的寬度值（px）。在 jquery 1.2 以後可以用來獲取 window 和document 的寬

$("p").width();

$(window).width();

124.為每個匹配的元素設定css寬度(width)屬性的值。如果沒有明確指定單位（如：em或%），使用px。

$("p").width(20);

125.當dom載入就緒可以查詢及操縱時繫結乙個要執行的函式。

$(document).ready(function());

126.為每乙個匹配元素的特定事件（像click）繫結乙個事件處理器函式。

$("p").bind("click", function());

$("form").bind("submit", function() ) ;

$("form").bind("submit", function(event));

$("form").bind("submit", function(event));

127.為每乙個匹配元素的特定事件（像click）繫結乙個一次性的事件處理函式。

$("p").one("click", function());

128.在每乙個匹配的元素上觸發某類事件。

$("form:first").trigger("submit");

$("p").click( function (event, a, b) ).trigger("click", ["foo", "bar"]);

//下面的**可以顯示乙個"hello world"

$("p").bind("myevent", function (event, message1, message2) );

$("p").trigger("myevent", ["hello","world!"]);

//如果你對乙個focus事件執行了 .triggerhandler() ，瀏覽器預設動作將不會被觸發，只會觸發你繫結的動作。

//刪除特定函式的繫結，將函式作為第二個引數傳入

var foo = function () ;

$("p").bind("click", foo); // ... 當點選段落的時候會觸發 foo

$("p").unbind("click", foo); // ... 再也不會被觸發 foo

130.滑鼠移動到乙個匹配的元素上面時，會觸發指定的第乙個函式。當滑鼠移出這個元素時，會觸發指定的第二個函式。而且，會伴隨著對滑鼠是否仍然處在特定元素中的檢測（例如，處在div中的影象），如果是，則會繼續保持「懸停」狀態，而不觸發移出事件（修正了使用mouseout事件的乙個常見錯誤）。

//滑鼠懸停的**加上特定的類

$("td").hover(

function () ,

function ()

);131.如果點選了乙個匹配的元素，則觸發指定的第乙個函式，當再次點選同一元素時，則觸發指定的第二個函式，如果有更多函式，則再次觸發，直到最後乙個。隨後的每次點選都重複對這幾個函式的輪番呼叫。

//對**的切換乙個類

$("td").toggle(

function () ,

function ()

); //對列表的切換樣式

$("li").toggle(

function () );

},function () );

},function () );});

初學jquery之自學筆記 3

63.為所有匹配的元素設定乙個計算的屬性值 img attr title function 64.為所有匹配的元素設定乙個屬性值 65.取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性，則返回undefined img attr src 66...

初學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....

HTML之jQuery自學筆記（六）

新增新的html內容 有以下四個方法 prepend 在被選元素的開頭插入內容 after 在被選元素之後插入內容 before 在被選元素之前插入內容 那麼這幾個方法有什麼不同呢？在結尾和之後插入內容又有什麼不同。語法 同理，prepend after before依然可用。刪除內容 元素 說到刪...