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.两者的区别是前者隐藏后不占空间,而后者隐藏后会占空间

 

 

 

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页