jQuery中Form相關知識總結_jquery

form中的單行文字取得與失去焦點

複製程式碼 程式碼如下:

   
   
   
   

   

       

個人基本資料

       

            姓名:
           
       

       

            密碼:
           
       

       

            詳細資料:
           
       

   

更改多行文字的高度

複製程式碼 程式碼如下:

   
   
    標題>
   

        多行文字方塊高度變化。多行文字方塊高度變化。多行文字方塊高度變化。多行文字方塊高度變化。 <br>             多行文字方塊高度變動。多行文字方塊高度變化。多行文字方塊高度變化。多行文字方塊高度變化。多行文字方塊高度變化。 <br>        
   
表格>
身體>

    /**
     * 多行文字方塊的高度調整
     **/
    $(函數 () {
        var $comment = $('#comment');
        $('.bigger').click(function () {
            if(!$comment.is(":animated")) {
                if($comment.height()                     //$comment.height($comment.height() 50);//版本1
                    $comment.animate({高度: " =50"}, 400);
                }
            }
        });
        $('.smaller').click(function () {
            if(!$comment.is(":animated")) {
                if($comment.height() > 50) {
                    //$comment.height($comment.height() - 50);
                    $comment.animate({高度: "-=50"}, 400);
                }
            }
        });
    });
腳本>

改變了多行文字的捲軸高度

複製程式碼程式碼如下：

   
   
   
   

   

       

            向上
            向下
       

        多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>             多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。多行文本框高度变化。<br>        
   

表格>
身體>

    /**
     * 多行文字方塊的捲軸高度調整
     **/
    $(函數 () {
        var $comment = $('#comment');
        $('.up').click(function () {
            if(!$comment.is(":animated")) {
                if($comment.height()                     $comment.animate({scrollTop: " =50"}, 400);
                }
            }
        });
        $('.down').click(function () {
            if(!$comment.is(":animated")) {
                if($comment.height() > 50) {
                    $comment.animate({scrollTop: "-=50"}, 400);
                }
            }
        });
    });
腳本>

成分應用

複製程式碼程式碼如下：

   
   
    標題>