创建节点添加节点
来源:互联网 发布:优酷怎么不能登录淘宝 编辑:程序博客网 时间:2024/04/29 12:24
<!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 src="../jQuery-2.1.0/jquery-2.1.0.js"></script>
<script>
$(function(){
var i = 0;
//找到按钮,给按钮添加点击事件
$("button:eq(0)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//alert(li.text());
//$("ul").append(li);
li.appendTo($("ul"));
});
$("button:eq(1)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//li.appendTo($("ul"));
$("ul").prepend(li);
});
$("button:eq(2)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//alert(li.text());
//$("ul").append(li);
$("ul").after(li);
});
$("button:eq(3)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//li.appendTo($("ul"));
$("ul").before(li);
});
});
</script>
</head>
<body>
<button>创建节点(后面)</button>
<button>创建节点(前面)</button>
<button>插入兄弟节点(后面)</button>
<button>插入兄弟节点(前面)</button>
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery对节点的操作</title>
<script src="../jQuery-2.1.0/jquery-2.1.0.js"></script>
<script>
$(function(){
var i = 0;
//找到按钮,给按钮添加点击事件
$("button:eq(0)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//alert(li.text());
//$("ul").append(li);
li.appendTo($("ul"));
});
$("button:eq(1)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//li.appendTo($("ul"));
$("ul").prepend(li);
});
$("button:eq(2)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//alert(li.text());
//$("ul").append(li);
$("ul").after(li);
});
$("button:eq(3)").click(function(){
i++;
//创建li节点
var li = $("<li title='这是创建的邢台'>邢台"+i+"</li>");
//li.appendTo($("ul"));
$("ul").before(li);
});
});
</script>
</head>
<body>
<button>创建节点(后面)</button>
<button>创建节点(前面)</button>
<button>插入兄弟节点(后面)</button>
<button>插入兄弟节点(前面)</button>
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>
</body>
</html>
阅读全文
0 0
- 创建节点、添加节点
- 创建节点添加节点
- 单链表创建,删除节点,添加节点,排序
- 用DOM创建添加节点
- DOM创建并添加节点
- html_DOM之创建添加节点
- 添加节点
- 添加节点
- 添加节点
- DOM创建节点和添加属性
- js节点属性的创建 添加 删除
- js节点属性的创建 添加 删除
- 创建节点
- document对象 动态的创建元素(节点)/添加元素(节点)/删除元素(节点)
- 创建节点,替换节点,替换节点
- Zookeeper客户端基本操作java实现——创建连接、创建节点、添加修改节点内容、获取子节点、获取节点数据、删除节点
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- redis cluster 集群配置示例: 创建, 添加节点, 重新分片, 删除节点
- 安卓_Banner轮播图片、无限轮播
- hadoop退出安全模式
- Java集合体系
- unity3d 获取ios限制广告跟踪状态
- vue v-for 循环对象
- 创建节点添加节点
- javascript之电脑和手机版样式切换
- 计算机组成原理基础(转载)
- [编程题] 星际穿越
- Quartz学习——Quartz大致介绍(一)
- HDU-6186 CS Course (线段树)(2017ACM/ICPC广西邀请赛)
- SDUT-3341
- 方法的重载,数组的定义,及数组Date171109T1916
- Lesson 4上机练习题——多态