jquery實(shí)現(xiàn)textarea 高度自適應(yīng)
之前給大家分享過(guò)用Javascript控制文本框textarea高度隨內(nèi)容自適應(yīng)增長(zhǎng)收縮,今天花了點(diǎn)時(shí)間換了種實(shí)現(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();
});
以上就是本文所述的全部?jī)?nèi)容了,希望對(duì)大家學(xué)習(xí)jQuery能夠有所幫助。
- jQuery自適應(yīng)輪播圖插件Swiper用法示例
- jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁(yè)面內(nèi)容自適應(yīng)的方法
- jQuery實(shí)現(xiàn)布局高寬自適應(yīng)的簡(jiǎn)單實(shí)例
- jquery自適應(yīng)布局的簡(jiǎn)單實(shí)例
- 使用jQuery和Bootstrap實(shí)現(xiàn)多層、自適應(yīng)模態(tài)窗口
- 使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問(wèn)題
- javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)高度和寬度
- jQuery實(shí)現(xiàn)等比例縮放大圖片讓大圖片自適應(yīng)頁(yè)面布局
- JQuery加載圖片自適應(yīng)固定大小的DIV
- jQuery實(shí)現(xiàn)兩列等高并自適應(yīng)高度
相關(guān)文章
jquery+ajaxform+springboot控件實(shí)現(xiàn)數(shù)據(jù)更新功能
這篇文章主要介紹了jquery+ajaxform+springboot控件實(shí)現(xiàn)數(shù)據(jù)更新操作,使用jquery的ajaxform插件是一個(gè)比較不錯(cuò)的選擇。具體實(shí)現(xiàn)工程大家參考下本文2018-01-01
基于jQuery的遍歷同id元素 并響應(yīng)事件的代碼
寫(xiě)網(wǎng)頁(yè)的時(shí)候,腳本循環(huán)的時(shí)候有很多時(shí)候都會(huì)循環(huán)出來(lái)同id的網(wǎng)頁(yè)元素,下面貼出來(lái)代碼,如何利用jQuery對(duì)這些元素進(jìn)行逐一遍歷并可響應(yīng)消息2012-06-06
jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01
jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】
點(diǎn)擊一次上傳, 當(dāng)上傳操作結(jié)束后才能操作界面,實(shí)現(xiàn)方式是通過(guò) ajaxfileuplod 上傳文件,需要的朋友參考下吧2018-05-05
Jquery讓form表單異步提交代碼實(shí)現(xiàn)
這篇文章主要介紹了Jquery讓form表單異步提交代碼實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
實(shí)例詳解jQuery的無(wú)new構(gòu)建
這篇文章運(yùn)用實(shí)例介紹了jQuery的無(wú)new構(gòu)建,小編感覺(jué)介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧。2016-08-08
instanceof和typeof運(yùn)算符的區(qū)別詳解
兩個(gè)運(yùn)算符雖然比較相似,其實(shí)區(qū)別還是非常大的,雖然不難區(qū)別,但是對(duì)于初學(xué)者可能稍有困擾,下面就簡(jiǎn)單介紹一下它們兩者的區(qū)別,希望對(duì)需要的朋友有所幫助2014-01-01
jQuery 選擇方法及$(this)用法實(shí)例分析
這篇文章主要介紹了jQuery 選擇方法及$(this)用法,結(jié)合實(shí)例形式分析了jQuery 選擇方法及$(this)相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下2020-05-05
Jquery揭秘系列:ajax原生js實(shí)現(xiàn)詳解(推薦)
下面小編就為大家?guī)?lái)一篇Jquery揭秘系列:ajax原生js實(shí)現(xiàn)詳解(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
本文為大家介紹下jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象的具體實(shí)現(xiàn),感興趣的朋友不要錯(cuò)過(guò)2013-12-12

