zoukankan      html  css  js  c++  java
  • jQuery对节点进行操作

    <title></title>

    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function () {

    //如果clone()方法的参数为true,则此元素的事件也会被复制,如果为空(默认为false),则事件不会被复制
    $('#img1').click(function () {
    $(this).clone(true).appendTo('div');
    })

    $('#img1').mouseout(function () {
    alert(1);
    })

    $('#Button1').click(function () {
    //After和Before是将一个新的节点插入到已有节点的后面或者前面
    $('p').after('<p>After Hello World</p>');
    })
    $('#Button2').click(function () {
    $('p').before('<p>Before Hello World</p>');
    })
    $('#Button3').click(function () {
    //insertAfter和insertBefore是对两个已有的节点进行操作。
    $('p:first').insertAfter($('p:last'));
    })

    $('input').click(function () {
    alert($('input').length);
    $('body').css('background-color', $(this).attr('value'));
    })
    })

    </script>

    </head>
    <body>
    <img src="images/1.jpg" id="img1" />
    <div></div><br />
    <p>Hello World</p>
    <input id="Button1" type="button" value="After" />
    <input id="Button2" type="button" value="Befor" />
    <input id="Button3" type="button" value="Revert" />
    <input id="Button4" type="button" value="yellow" />
    <select id="Select1" multiple="multiple">
    <option value="red">sss</option>
    </select>
    <div></div>
    </body>
    </html>

  • 相关阅读:
    高通Android分区表详解
    LC 871. Minimum Number of Refueling Stops 【lock, hard】
    LC 265. Paint House II
    Horovod 通信策略
    LC 351. Android Unlock Patterns
    LC 957. Prison Cells After N Days
    解析java泛型(二)
    解析java泛型(一)
    全面理解java异常机制
    java基础之继承(二)
  • 原文地址:https://www.cnblogs.com/qiqiBoKe/p/3036688.html
Copyright © 2011-2022 走看看