1. 程式人生 > >jquery查詢元素,繫結事件,DOM操作

jquery查詢元素,繫結事件,DOM操作

//remove 會移除元素和元素關聯的事件//detach 只會移除元素$("#btn").click(function(){alert("123123");}); 遍歷節點$("strong").each(function(i,e){ //i  下標  從0開始 //e  元素console.log(i,e);var r = Math.floor(Math.random()*256);var g = Math.floor(Math.random()*256);var b = Math.floor(Math.random()*256);// e.style.color = "rgb("+r+","+g+","+b+")";
// $(this).css("color","rgb("+r+","+g+","+b+")");$(e).css("color","rgb("+r+","+g+","+b+")");
});
有一個變數儲存被移除的元素var e = $("#btn").detach();$("body").append(e);複製元素clone(是否複製事件),true 複製事件 , false 不復制事件var f = $(".btn").clone(true);$("body").prepend(f);替換元素$(A).replaceWith(B)  用B元素替換A元素$("#btn").replaceWith("<p>替換</p>");
$(A).replaceAll(B)  用A元素替換B元素$("<p>呵呵</p>").replaceAll(".btn");包裹元素$(A).wrap(B)  用B元素包裹每一個A元素$("strong").wrap("<em></em>");$(A).wrapInner(B), 用B元素包裹每一個A元素裡的內容$("strong").wrapInner("<em></em>");