HTML中jquery控制button按钮可点击、不可点击

一、HTML中jquery控制button按钮可点击、不可点击

1.首先来说button按钮不可点击

1.1第一种（html代码中控制）

<button id="button_id"  disabled="disabled">按钮不可点击</button>

1.2第二种（jquery控制）

$("#button_id").attr('disabled',true);

2.按钮可点击
2.1第一种（html代码中控制，默认）

<button id="button_id">按钮可点击</button>

2.2第二种（jquery控制）

$("#button_id").attr('disabled',false);

如果在vue中这么用：:disabled="isAble"  

<Select :disabled="isAble" >

   <Option v-for="item in dataAgent" :value="item.ID" :key="item.ID">{{ item.name }}</Option>

</Select>

export default {

  data(){

    return{

      isAble: false,//select下拉框是否可用

    }

  }

this.isAble = true; //不可用

二、jQuery显示隐藏div的几种方法

①、$("#demo").attr("style","display:none;");//隐藏div

$("#demo").attr("style","display:block;");//显示div

②、$("#demo").css("display","none");//隐藏div

$("#demo").css("display","block");//显示div

③、$("#demo").hide();//隐藏div

$("#demo").show();//显示div

④、$("#demo").toggle(//动态显示和隐藏

function () { 

   $(this).attr("style","display:none;");//隐藏div

},

function () {    $(this).attr("style","display:block;");//显示div

}

);

 <div id="demo"></div>

注：$("#demo").show()表示display:block, 
       $("#demo").hide()表示display:none; 

①和②中的display:none可以换成visibility:hidden，display:block可以换成visibility:visible.两者的区别是前者隐藏后不占空间，而后者隐藏后会占空间

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140