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>
  • 相关阅读:
    %2d
    将块中的文字设置成属性,即实现块中文字可拖动的功能
    获得块参照的插入点方法
    排序
    将几个实体对象变成一个块
    对克隆实体的类型转换
    对实体的克隆
    递归-顺序输出任意正整数各位
    递归-汉诺塔
    递归-最大公约数
  • 原文地址:https://www.cnblogs.com/dxmfans/p/9434705.html
Copyright © 2011-2022 走看看