改变的div不起作用

Question

晚上好！

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

html代码：

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

css代码：

div.mainContentWrapper{
display: none;
width: 80%;
margin: 0.5% 10%;
padding: 0.5% 3%;
box-sizing: border-box;

border-radius: 4px;
border: 0.15em solid #1C86EE;
background-color: rgba(255,255,255,0.65);
}

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);
    }
});
});

Answer 1

onChange不适用于对css的更改。它适用于<input>或<textarea>等用户界面元素。

Answer 2

onChange只能与<input>，<select>和<textarea>一起使用。