一、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