jQuery如何改變input的屬性

本篇內容介紹了“jQuery如何改變input的屬性”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

jQuery改變input屬性的方法：1、打開相應的前端代碼文件；2、通過對元素應用disabled和readonly屬性的方法來實現改變input屬性即可。

本文操作環境：Windows7系統、jquery3.2.1版、DELL G3電腦

jQuery怎么改變input的屬性?

jquery操作按鈕修改對應input屬性

點擊右側的修改按鈕，對應的input中的disabled和readonly得屬性修改

$(".buttonxg button").click(function(){
    $(this).prev().children("input").removeAttr("readonly");
})

Jquery的api中提供了對元素應用disabled和readonly屬性的方法，在這里記錄下，感興趣的朋友可以練練手了

Jquery的api中提供了對元素應用disabled和readonly屬性的方法，在這里記錄下。如下

$('input').attr("readonly","readonly")//將input元素設置為readonly 　　 
$('input').removeAttr("readonly");//去除input元素的readonly屬性 　　 
if($('input').attr("readonly")==true)//判斷input元素是否已經設置了readonly屬性

對于為元素設置readonly屬性和取消readonly屬性的方法還有如下兩種：

$('input').attr("readonly",true)//將input元素設置為readonly 　　 
$('input').attr("readonly",false)//去除input元素的readonly屬性 
$('input').attr("readonly","readonly")//將input元素設置為readonly 　　 
$('input').attr("readonly","")//去除input元素的readonly屬性 2.disabled 
$('input').attr("disabled","disabled")//將input元素設置為disabled 　　 
$('input').removeAttr("disabled");//去除input元素的disabled屬性 　　 
if($('input').attr("disabled")==true)//判斷input元素是否已經設置了disabled屬性

對于為元素設置disabled屬性和取消disabled屬性的方法還有如下兩種：

$('input').attr("disabled",true)//將input元素設置為disabled 　　 
$('input').attr("disabled",false)//去除input元素的disabled屬性 
$('input').attr("disabled","disabled")//將input元素設置為disabled 　　 
$('input').attr("disabled","")//去除input元素的disabled屬性

“jQuery如何改變input的屬性”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！