js动态添加class,之后操作class。如果不面向用回调操作,那就利用事件委托

js动态添加class,之后操作class。如果不面向用回调操作,那就利用事件委托。直接贴代码

 
$(function(){
    var cnanme=$('.community-name').val()
    var cityname=$('#city').text()
    var caddress=$('.community-address').val()
    $('.li-box input').keyup(function(){
        var cnanme=$('.community-name').val()
        var cityname=$('#city').text()   
        var caddress=$('.community-address').val()
        var qu=$('input[name="harea"]').val()
        var shi=$('input[name="hproper"]').val()
        var sheng=$('input[name="hcity"]').val() 
        if((cnanme!=="")&&(caddress!=="")&&(typeof(qu)!=='undefined')&&(typeof(shi)!=='undefined')&&(typeof(sheng)!=='undefined')){
            $('.btn').addClass("action-btn")
            //$('.action-btn').click(function(){
            //    alert("在添加class以后继续操作")
            //})
        }else{
            $('.btn').removeClass("action-btn")
        }
    })
    // 动态添加的class也需要用事件委托操作
    $('body').on("click",".action-btn",function(){
        alert("因为还没有添加样式呢,所以需要操作这个样式就只能需要事件委托")
    })
})

猜你喜欢

转载自www.cnblogs.com/lvbu1234/p/8967559.html