【学亮IT手记】jQuery DOM插入操作
生活随笔
收集整理的這篇文章主要介紹了
【学亮IT手记】jQuery DOM插入操作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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>"));})</script> </head> <body><select id="edu"><option value="小學">小學</option><option value="中學">中學</option><option value="本科">本科</option><option value="大專">大專</option><option value="學術碩士">學術碩士</option></select> </body> </html>總結
以上是生活随笔為你收集整理的【学亮IT手记】jQuery DOM插入操作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【学亮IT手记】AngularJS增删改
- 下一篇： 【学亮IT手记】jQuery DOM删除