jQuery创建节点和插入节

来源：互联网发布：矩阵力学的主要创立者编辑：程序博客网时间：2024/05/18 00:39

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery创建节点和插入节点</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function(){// 1. 创建一个<li id='sz'>深圳</li>// 2. 把其加入到city的最后一个子节点//$("<li id='sz'>深圳1</li>").appendTo($("#city"));//$("#city").append("<li id='sz'>深圳1</li>");// 1. 创建一个<li id='sz'>深圳</li>// 2. 把其加入到city的第一个子节点//$("<li id='sz'>深圳1</li>").prependTo($("#city"));//$("#city").prepend("<li id='sz'>深圳1</li>");//alert($("#sz").text());// 1. 创建一个<li id='sz'>深圳</li>// 2. 把其加入到bj的后面//$("<li id='sz'>深圳1</li>").insertAfter($("#bj"));//$("#bj").after("<li id='sz'>深圳1</li>");// 1. 创建一个<li id='sz'>深圳</li>// 2. 把其加入到bj的前面//$("<li id='sz'>深圳1</li>").insertBefore($("#bj"));$("#bj").before("<li id='sz'>深圳1</li>");});</script></head><body><p>你喜欢哪个城市?</p><ul id="city">    <li id="bj">北京</li>        <li>上海</li>        <li>广州</li>    </ul></body></html>

0 0