zoukankan      html  css  js  c++  java
  • jquery动态操作元素


    <!DOCTYPE html>


    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="jquery-1.7.1.min.js"></script>
        <script>
            $(function () {
                $('#btnAppend').click(function () {
                    var b = $('<b>zhh</b>');
                    $('#dv').append(b);
                });
                $('#btnAppendTo').click(function () {
                    $('<b>zhh</b>').appendTo($('#dv'));
                });


                $('#btnPrepend').click(function () {
                    var b = $('<b>zhh</b>');
                    $('#dv').prepend(b);
                });


                $('#btnPrependTo').click(function () {
                    $('<b>zhh</b>').prependTo($('#dv'));
                });


                $('#btnAfter').click(function () {
                    var b = $('<b>zhh</b>');
                    $('#dv').after(b);
                });


                $('#btnInsertAfter').click(function () {
                    $('<b>zhh</b>').insertAfter($('#dv'));
                });


                $('#btnBefore').click(function () {
                    var b = $('<b>zhh</b>');
                    $('#dv').before(b);
                });


                $('#btnInsertBefore').click(function () {
                    $('<b>zhh</b>').insertBefore($('#dv'));
                });


                $('#btnEmpty').click(function () {
                    $('#dv').empty();
                });








            });
        </script>
    </head>
    <body>
        <input type="button" name="name" value="Append "  id="btnAppend"/>
        <input type="button" name="name" value="AppendTo "  id="btnAppendTo"/>
        <input type="button" name="name" value="Prepend "  id="btnPrepend"/>
        <input type="button" name="name" value="PrependTo "  id="btnPrependTo"/>
         <input type="button" name="name" value="After "  id="btnAfter"/>
        <input type="button" name="name" value="InsertAfter "  id="btnInsertAfter"/>
        <input type="button" name="name" value="before "  id="btnBefore"/>
        <input type="button" name="name" value="InsertBefore "  id="Button1"/>
        <input type="button" name="name" value="Empty "  id="Button2"/>


        <div id="dv">
          Hello world
        </div>
    </body>
    </html>
  • 相关阅读:
    Object-c的类可以多重继承么?可以实现多个接口么?如何实现?
    对于TableViewCell重用机制的理解
    xcode快捷方式
    Mysql数据迁移——按分号split一列字段插入另一张表
    Android手机导出微信聊天记录
    Java性能分析工具之Jprofiler初体验
    Android adb端口被占用的解决办法
    mysql limit查询性能优化
    Delphi异或算法转换为java实现
    [python]用Python进行SQLite数据库操作
  • 原文地址:https://www.cnblogs.com/dxmfans/p/9434705.html
Copyright © 2011-2022 走看看