jQuery文档处理，外部插入

来源：互联网发布：php做直播编辑：程序博客网时间：2024/05/24 02:17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><!-- 文档处理，外部插入，也就是在指定的位置插入--insertAfter--insertBefore  --After  指定位置之后--Before  指定位置之前 --><script type="text/javascript" src="jquery-1.7.2.js"></script><script type="text/javascript">//文档处理，外部插入$(function(){$("#dj").before($("<li id='tj'>天津</li>"));$("<li id='tj'>天津</li>").insertBefore("#bj");$("#rl").after($("<li id='sl'>扫雷</li>"));$("<li id='sl'>扫雷</li>").insertAfter($("#jpfc"));})</script></head><body><p>你喜欢哪个城市?</p><ul id="city"><li id="bj" name="BeiJing">北京</li><li>上海</li><li id="dj">东京</li><li id="se">首尔</li></ul><br><br><p>你喜欢哪款单机游戏?</p><ul id="game"><li id="rl">红警</li><li>实况</li><li id="jpfc">极品飞车</li><li>魔兽</li></ul><br><br>gender: <input type="radio" name="gender" value="male"/>Male<input type="radio" name="gender" value="female"/>Female<br><br>name: <input type="text" name="username" value="atguigu"/></body></html>
0 0