jquery查詢元素,繫結事件,DOM操作
阿新 • • 發佈:2019-01-24
//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>");
有一個變數儲存被移除的元素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>");