jQuery图片复制
来源:互联网 发布:cos淘宝店铺推荐 编辑:程序博客网 时间:2024/04/28 11:25
<!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>
<title></title>
<style type="text/css">
.imgclass{ width:200px; height:200px;}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#img1').click(function () {
//如果clone()方法的参数为true,则此元素的事件也会被复制,如果为空(默认为false),则事件不会被复制
$(this).clone(true).appendTo('div');
})
$('#img1').mouseover(function () {
alert('ok');
})
$('#Button1').click(function () {
alert($('img').length);
})
$('#Button2').click(function () {
//$('#img1').attr('src','images/3.jpg');
//alert($('#img1').length);
//无论复制多少份,无论参数是否为true,无论复制之后,复制品的id是否与正品的Id一样,文档中始终只有一个此id的元素。
alert($('.imgclass').length);
})
})
</script>
</head>
<body>
<img src="images/2.jpg" id="img1" class="imgclass" />
<input id="Button1" type="button" value="button" />
<input id="Button2" type="button" value="更换图片" />
<div></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.imgclass{ width:200px; height:200px;}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#img1').click(function () {
//如果clone()方法的参数为true,则此元素的事件也会被复制,如果为空(默认为false),则事件不会被复制
$(this).clone(true).appendTo('div');
})
$('#img1').mouseover(function () {
alert('ok');
})
$('#Button1').click(function () {
alert($('img').length);
})
$('#Button2').click(function () {
//$('#img1').attr('src','images/3.jpg');
//alert($('#img1').length);
//无论复制多少份,无论参数是否为true,无论复制之后,复制品的id是否与正品的Id一样,文档中始终只有一个此id的元素。
alert($('.imgclass').length);
})
})
</script>
</head>
<body>
<img src="images/2.jpg" id="img1" class="imgclass" />
<input id="Button1" type="button" value="button" />
<input id="Button2" type="button" value="更换图片" />
<div></div>
</body>
</html>
- jQuery图片复制
- 图片复制
- 复制图片
- 复制图片
- 复制图片
- 复制图片
- 复制图片
- jquery wysiwyg.js实现富文本编辑框,可复制图片及文字
- 输入框复制图片,input复制图片
- jquery复制节点
- jquery 复制到剪切板
- jQuery文档操作-复制
- Jquery 复制节点
- JQUERY 复制table
- JQuery 复制节点(克隆)
- jquery 复制元素
- jquery 复制到剪切板
- jquery 复制粘贴
- 索引扫描与索引查找
- MySQL数据库性能优化的实际操作方案
- 程序题
- jQuery替换删除节点
- 设置UITableViewCell选中的颜色
- jQuery图片复制
- 程序题
- C++ 中函数后面跟const是什么意思
- 让Windows Server 2008 + IIS 7+ ASP.NET 支持10万个同时请求
- UDP相关
- wind文件无法解压问题
- Hibernate 基础学习
- Android开发效率—Eclipse快捷键
- 网址大全