jquery.动态添加标签和事件实现实例
2014-08-13 17:44
701 查看
jquery.动态添加标签效果。
jquery.动态添加事件效果。
实例代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function() {
var count = 0;
$(function() {
$("input[type=button]").click(
function() {
var br = $("<br>");
var input = $("<input type='file'>");
var button = $("<input type='button' value='Remove"
+ (++count) + " '>");
$("#div1").append(br).append(input).append(button);
button.click(function() {
alert("delete");
br.remove();
input.remove();
button.remove();
});
});
});
</script>
<body>
<input type="button" value="replace" id="but1"><br>
<input type="file">
<input type="button" value="more" id="but">
<div id="div1"></div>
</body>
</html>
jquery.动态添加事件效果。
实例代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function() {
var count = 0;
$(function() {
$("input[type=button]").click(
function() {
var br = $("<br>");
var input = $("<input type='file'>");
var button = $("<input type='button' value='Remove"
+ (++count) + " '>");
$("#div1").append(br).append(input).append(button);
button.click(function() {
alert("delete");
br.remove();
input.remove();
button.remove();
});
});
});
</script>
<body>
<input type="button" value="replace" id="but1"><br>
<input type="file">
<input type="button" value="more" id="but">
<div id="div1"></div>
</body>
</html>
相关文章推荐
- jQuery实现为动态添加的元素绑定事件实例分析
- Jquery动态生成的标签添加绑定事件
- JQuery实现表格动态增加行并对新行添加事件
- JS脚本实现动态给标签控件添加事件的方法
- JQuery实现表格动态增加行并对新行添加事件
- jquery结合js实现动态添加内容,并给动态添加的内容添加事件
- jQuery实现获取动态添加的标签对象示例
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- JS脚本实现动态给标签控件添加事件的方法
- JS实现动态给标签控件添加事件的方法示例
- 以申购单为实例,讲解Jquery动态删减行,新增行添加鼠标事件,子窗口与父窗口传值,自动计算金额,及输入值的验证,前台数据批量提交到后台action
- Jquery选择选择动态添加HTML标签的事件
- 通过Ajax+jquery实现的动态增加一组查询条件的实例
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- jquery动态添加删除div--事件绑定,对象克隆
- Jquery对象、代替body标签的onload、事件机制、同一函数实现get\set
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)
- Jquery实现动态添加按钮
- jquery 实现动态添加候选项