jQuery创建节点和插入节
2016-06-05 11:08
274 查看
<!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>
相关文章推荐
- jQuery中的ajax
- 触碰jQuery:AJAX异步详解(转)
- jquery判断input值不为空 val()
- JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
- jQuery效果
- JQuery中$.ajax()方法参数详解
- Jquery 中 ajaxSubmit使用讲解
- JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
- jQuery四种选择器使用及示例
- jquery判断input值不为空的方法
- $().each和$.each 的区别
- jQuery(一)jQuery四种选择器
- jQuery(二)jQuery链式语法在遍历中的使用
- jQuery(三)jQuery事件执行/简单事件/复合事件
- jquery实现hover图片半透明效果
- jquery自制分页,控制easyui datagrid分页,集中处理了一下前后台
- jQuery EasyUI时间戳自定义时间显示格式类型
- 最好用的placeholder插件,jQuery插件EnPlaceholder
- jQuery(二)
- jQuery(一)