首頁 > web前端 > js教程 > 主體

jQuery中Form相關知識總結_jquery

WBOY
發布: 2016-05-16 16:21:56
原創
975 人瀏覽過

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

複製程式碼 程式碼如下:




   
   
   
   



   

        個人基本資料
       

           
           
       

       

           
           
       

       

           
           
       

   





更改多行文字的高度

複製程式碼 程式碼如下:




   
   
    標題>
   

       
   
表格>
身體>

    /**
     * 多行文字方塊的高度調整
     **/
    $(函數 () {
        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);
                }
            }
        });
    });
腳本>

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

複製程式碼程式碼如下:




   
   
   
   



   

       

            向上
            向下
       

       
   

表格>
身體>

    /**
     * 多行文字方塊的捲軸高度調整
     **/
    $(函數 () {
        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);
                }
            }
        });
    });
腳本>

成分應用

複製程式碼程式碼如下:




   
   
    標題>
   
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板