• jQuery图片复制


    <!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{ 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>

  • 相关阅读:
    .NET的DTO映射工具AutoMapper
    使用TeamCity对项目进行可持续集成管理
    SpecFlow
    重构--改善既有代码的设计
    EntityFramework 7 开发纪录
    Solr索引
    DDD分层架构之值对象(层超类型篇)
    C#异步Socket示例
    Cnblogs API
    白鸦三次创业反思:公司遇问题 怎么走都对(转)
  • 原文地址:https://www.cnblogs.com/duanlinlin/p/3034979.html
Copyright © 2020-2023  润新知