jquery實現(xiàn)textarea 高度自適應(yīng)
之前給大家分享過用Javascript控制文本框textarea高度隨內(nèi)容自適應(yīng)增長收縮,今天花了點時間換了種實現(xiàn)方法,總結(jié)一下
jQuery.fn.extend({
autoHeight: function(){
return this.each(function(){
var $this = jQuery(this);
if( !$this.attr('_initAdjustHeight') ){
$this.attr('_initAdjustHeight', $this.outerHeight());
}
_adjustH(this).on('input', function(){
_adjustH(this);
});
});
/**
* 重置高度
* @param {Object} elem
*/
function _adjustH(elem){
var $obj = jQuery(elem);
return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})
.height( elem.scrollHeight );
}
}
});
// 使用
$(function(){
$('textarea').autoHeight();
});
以上就是本文所述的全部內(nèi)容了,希望對大家學(xué)習(xí)jQuery能夠有所幫助。
- jQuery自適應(yīng)輪播圖插件Swiper用法示例
- jQuery簡單實現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法
- jQuery實現(xiàn)布局高寬自適應(yīng)的簡單實例
- jquery自適應(yīng)布局的簡單實例
- 使用jQuery和Bootstrap實現(xiàn)多層、自適應(yīng)模態(tài)窗口
- 使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問題
- javascript原生和jquery庫實現(xiàn)iframe自適應(yīng)高度和寬度
- jQuery實現(xiàn)等比例縮放大圖片讓大圖片自適應(yīng)頁面布局
- JQuery加載圖片自適應(yīng)固定大小的DIV
- jQuery實現(xiàn)兩列等高并自適應(yīng)高度
相關(guān)文章
jquery+ajaxform+springboot控件實現(xiàn)數(shù)據(jù)更新功能
這篇文章主要介紹了jquery+ajaxform+springboot控件實現(xiàn)數(shù)據(jù)更新操作,使用jquery的ajaxform插件是一個比較不錯的選擇。具體實現(xiàn)工程大家參考下本文2018-01-01
基于jQuery的遍歷同id元素 并響應(yīng)事件的代碼
寫網(wǎng)頁的時候,腳本循環(huán)的時候有很多時候都會循環(huán)出來同id的網(wǎng)頁元素,下面貼出來代碼,如何利用jQuery對這些元素進(jìn)行逐一遍歷并可響應(yīng)消息2012-06-06
jquery 實現(xiàn)復(fù)選框的全選操作實例代碼
這篇文章主要介紹了jquery 實現(xiàn)復(fù)選框的全選操作實例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01
jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】
點擊一次上傳, 當(dāng)上傳操作結(jié)束后才能操作界面,實現(xiàn)方式是通過 ajaxfileuplod 上傳文件,需要的朋友參考下吧2018-05-05
Jquery揭秘系列:ajax原生js實現(xiàn)詳解(推薦)
下面小編就為大家?guī)硪黄狫query揭秘系列:ajax原生js實現(xiàn)詳解(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象
本文為大家介紹下jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象的具體實現(xiàn),感興趣的朋友不要錯過2013-12-12

