表单对象属性选择器
来源:互联网 发布:js获取file绝对路径 编辑:程序博客网 时间:2024/06/02 21:40
<!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" />
<script src="jquery-2.1.0.js"></script>
<title>无标题文档</title>
<script>
$(function(){
var i=1;
$("button:eq(0)").click(function(){
var a= $("<li>我家</li>");
//$("ul").append(a);
a.appendTo($("ul"));
});
$("button:eq(1)").click(function(){
$("ul li:eq(2)").remove()//表示删除第一个li。
});
$("li").click(function(){
$(this).remove();
});
$("button:eq(2)").click(function(){
var a = $("<li>美丽武安"+i+"</li>");
i++;
$("ul").after(a);
});
$("button:eq(3)").click(function(){
var a = $("<li>美丽河北"+i+"</li>")
i++;
$("ul").before(a);
})
$("button:eq(4)").click(function(){
var a = $("<li>美丽邯郸"+i+"</li>")
i++;
$("ul").prepend(a);
})
//$("button:eq(5)").click()
//$("button:eq(6)").click(function(){
//$("li:eq(0)").click(true).appendTo($("ul"));
//})
$("button:eq(6)").click(function(){
$("li:eq(0)").clone(true).appendTo($("ul"));
})
$("button:eq(7)").click(function(){
$("li:eq(0)").clone().appendTo($("ul"));
})
});
</script>
</head>
<body>
<button>创建</button>
<button>删除</button>
<button>创建兄弟节点最后</button>
<button>创建兄弟节点最前</button>
<button>创建节点最前</button>
<button>创建节点最后</button>
<button>深复制</button>
<button>浅复制</button>
<button>替换节点</button>
<ul>
<li>上海</li>
<li>北京</li>
<li>广州</li>
<li>我家</li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-2.1.0.js"></script>
<title>无标题文档</title>
<script>
$(function(){
var i=1;
$("button:eq(0)").click(function(){
var a= $("<li>我家</li>");
//$("ul").append(a);
a.appendTo($("ul"));
});
$("button:eq(1)").click(function(){
$("ul li:eq(2)").remove()//表示删除第一个li。
});
$("li").click(function(){
$(this).remove();
});
$("button:eq(2)").click(function(){
var a = $("<li>美丽武安"+i+"</li>");
i++;
$("ul").after(a);
});
$("button:eq(3)").click(function(){
var a = $("<li>美丽河北"+i+"</li>")
i++;
$("ul").before(a);
})
$("button:eq(4)").click(function(){
var a = $("<li>美丽邯郸"+i+"</li>")
i++;
$("ul").prepend(a);
})
//$("button:eq(5)").click()
//$("button:eq(6)").click(function(){
//$("li:eq(0)").click(true).appendTo($("ul"));
//})
$("button:eq(6)").click(function(){
$("li:eq(0)").clone(true).appendTo($("ul"));
})
$("button:eq(7)").click(function(){
$("li:eq(0)").clone().appendTo($("ul"));
})
});
</script>
</head>
<body>
<button>创建</button>
<button>删除</button>
<button>创建兄弟节点最后</button>
<button>创建兄弟节点最前</button>
<button>创建节点最前</button>
<button>创建节点最后</button>
<button>深复制</button>
<button>浅复制</button>
<button>替换节点</button>
<ul>
<li>上海</li>
<li>北京</li>
<li>广州</li>
<li>我家</li>
</ul>
</body>
</html>
阅读全文
0 0
- 选择器 表单对象属性
- 表单对象属性选择器
- 表单对象属性过滤选择器
- 表单对象属性过滤选择器
- 表单对象属性过滤选择器
- 过滤选择器-表单对象属性过滤选择器
- jQuery选择器-表单对象属性选择器示例
- jQuery选择器 过滤选择器(六.表单对象属性过滤选择器)
- jquery表单对象属性过滤选择器
- jquery中的表单对象属性过滤选择器
- jquery 表单对象属性过滤选择器
- 2.3.3.6: 表单对象属性过滤选择器
- jQuery表单对象属性过滤选择器
- jQuery表单对象属性过滤选择器
- jquery-表单对象属性过滤选择器
- jQuery选择器—表单对象属性过滤选择器
- jQuery过滤选择器——表单对象属性过滤选择器
- JQuery选择器(三)表单对象属性过滤选择器
- 【win】SVN利用钩子实现代码同步到WEB目录
- Spring5源码解析-Spring框架中的事件和监听器
- 将代码及依赖的静态库编译为新静态库
- JavaScript常用对象&属性&事件-图标
- Linux ping不通百度的解决方法
- 表单对象属性选择器
- ConfigReader(十)—— ReadGuideBornNpcTaskConfig
- 排序 8
- MySQL在以下几种情况会创建临时表
- java打jar包,引用其他.jar文件
- Spring
- C#语言-编写一个控制台应用程序,可根据输入的月份判断所在季节
- SOM自组织神经网络学习
- 阿里云ECS CentOs7.3下搭建LAMP环境(Apache2.4 + Mysql5.7 + PHP5.6 + Laravel5.2)