【学亮IT手记】jQuery DOM删除操作
生活随笔
收集整理的這篇文章主要介紹了
【学亮IT手记】jQuery DOM删除操作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom插入--jquery</title><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript">$(function(){//內部插入//$("#edu").prepend($("<option value='學前班'>學前班</option>"));//$("<option value='學前班'>學前班</option>").prependTo($("#edu")); //在學術碩士后面增加一項"研究生"//$("#edu").append($("<option value='研究生'>研究生</option>"));//$("<option value='研究生'>研究生</option>").appendTo($("#edu"));//外部插入//$("#edu option:first").before($("<option value='學前班'>學前班</option>"));//$("#edu option:last").after($("<option value='研究生'>研究生</option>"));//給p注冊事件$("#d1 p").click(function(){//var p = $("#d1 p").remove();//var p =$("#d1 p").detach();$("#d1").empty();})//$("#d2").append(p);})</script>
</head>
<body><select id="edu"><option value="小學">小學</option><option value="中學">中學</option><option value="本科">本科</option><option value="大專">大專</option><option value="學術碩士">學術碩士</option></select><div id="d1"><p>aaaaaaaaa</p><span>sssssssss</span></div><div id="d2"></div>
</body>
</html>
總結
以上是生活随笔為你收集整理的【学亮IT手记】jQuery DOM删除操作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【学亮IT手记】jQuery DOM插入
- 下一篇： 【学亮IT手记】HashMap集合精讲