Javascript 更改上的div不起作用

晚上好

我在jQuery中有以下不起作用的代码。代码的思想是根据内容淡入或淡出div

html代码：

<div class="mainContentWrapper">
    sample text
</div>

jquery函数：

$(document).ready(function(){
$('.mainContentWrapper').on('change',function(){
    var mainContentWrapper_str=$.trim($(this).text());
    if(mainContentWrapper_str.length==0){
        $('.mainContentWrapper').fadeOut(500);
    }else{
        $('.mainContentWrapper').fadeIn(500);
    }
});
});

---

onChange

不适用于css的更改。它用于用户界面元素，如

或

onChange

不适用于css的更改。它用于用户界面元素，如

或

onChange只能与

一起使用，

和

onChange只能与

、

一起使用，什么是

.mainContentWrapper

？你必须张贴的HTML以及！你想听什么节目？正如Derrotbaron所说，在

div

上没有可收听的

'change'

事件。如果您的代码正在修改

.mainContentWrapper

的内容，您可能希望在代码执行后放置淡入淡出的代码。DIV的内容到底会发生什么变化？我打算使用jQuery的AJAX，那么为什么不在AJAX的成功函数中执行

onchange

处理程序中的功能呢？什么是

.mainContentWrapper

？你必须张贴的HTML以及！你想听什么节目？正如Derrotbaron所说，在

div

上没有可收听的

'change'

事件。如果您的代码正在修改

.mainContentWrapper

的内容，那么您可能希望在该代码执行后放置淡入淡出的代码。DIV的内容到底会如何更改？我打算使用jQuery的AJAX，那么为什么不在AJAX的成功函数中执行

onchange

处理程序中的功能呢？

$(document).ready(function(){
$('.mainContentWrapper').on('change',function(){
    var mainContentWrapper_str=$.trim($(this).text());
    if(mainContentWrapper_str.length==0){
        $('.mainContentWrapper').fadeOut(500);
    }else{
        $('.mainContentWrapper').fadeIn(500);
    }
});
});