jQuery中有一個非常實用的函數,叫做attr()。它可以用來獲取或設置元素的屬性。
attr()函數的基本語法如下:
$(selector).attr(attributeName) $(selector).attr(attributeName, value)
第一個參數是屬性名稱,第二個參數是屬性值(可選)。如果只有一個參數,則該函數用于獲取元素的屬性值;如果有兩個參數,則該函數用于設置元素的屬性值。
下面我們來看一個簡單的例子:
<button id="myBtn">Click me</button> <script> $(document).ready(function(){ var btnText = $('#myBtn').attr('id'); alert('The button id is: ' + btnText); }); </script>
這個例子中,我們創建了一個按鈕,然后使用attr()函數來獲取它的id屬性。最后,我們使用alert()函數來顯示按鈕的id屬性值。
如果我們想要設置元素的屬性值,就需要把第二個參數傳遞給attr()函數。下面是一個例子:
<button id="myBtn">Click me</button> <script> $(document).ready(function(){ $('#myBtn').attr('id', 'newBtnId'); alert('The new button id is: ' + $('#newBtnId').attr('id')); }); </script>
這個例子中,我們首先創建了一個按鈕,然后使用attr()函數來給它設置一個新的id屬性(newBtnId)。最后,我們使用alert()函數來顯示按鈕的新id屬性值。
總之,attr()函數是一個非常實用的函數,可以用來獲取或設置元素的屬性值。如果你正在使用jQuery,建議你好好學習一下這個函數。
上一篇mysql8.0日志審計
下一篇不推薦使用的css樣式