色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery讓控件不可用

張光珊1年前6瀏覽0評論

在前端開發中,我們經常需要控制表單中的控件是否可用,通過jQuery實現這樣的功能非常方便。本文將分享如何使用jQuery讓控件不可用。

要實現控件不可用,首先需要獲取到需要控制的DOM元素,可以通過ID或class等方式獲取。以下是一個例子:

<input type="text" id="input1" />
<script>
$(document).ready(function(){
$("#input1").attr("disabled", true);
});
</script>

該例子中,我們獲取了ID為input1的input元素,并通過attr()方法將其disabled屬性設置為true,即不可用狀態。

如果需要對多個元素進行操作,可以使用each()方法遍歷集合:

<input type="text" class="input" />
<input type="text" class="input" />
<script>
$(document).ready(function(){
$(".input").each(function(){
$(this).attr("disabled", true);
});
});
</script>

以上代碼中,我們使用類名來選擇需要控制的元素,并通過each()方法依次遍歷并設置disabled屬性為true。

除了使用attr()方法設置disabled屬性,還可以使用prop()方法:

<input type="text" id="input1" />
<script>
$(document).ready(function(){
$("#input1").prop("disabled", true);
});
</script>

使用prop()方法和attr()方法的區別在于,前者修改的是屬性值,后者修改的是HTML屬性,對于disabled屬性,兩者效果是一樣的。

總結:使用jQuery讓控件不可用非常簡單,只需獲取到需要操作的元素,并設置其disabled屬性即可。