在jquery中,我們可以使用.attr()方法來(lái)獲取元素的屬性值。下面是一個(gè)例子:
<div id="example" data-name="John"></div> <script> var name = $("#example").attr("data-name"); console.log(name); //輸出John </script>
在上面的例子中,我們使用了.attr()方法獲取了div元素的data-name屬性的值,并將其存儲(chǔ)在變量name中。
如果我們希望獲取元素的其他屬性,則只需要將屬性名替換為我們需要的屬性名即可。例如,我們可以使用.val()方法獲取輸入框的值:
<input type="text" id="inputValue"></input> <script> var value = $("#inputValue").val(); console.log(value); </script>
在上面的例子中,我們使用了.val()方法獲取了輸入框的值,并將其存儲(chǔ)在變量value中。
需要注意的是,如果我們想要獲取自定義屬性的值,實(shí)際上應(yīng)該使用.data()方法。例如:
<div id="example" data-name="John"></div> <script> var name = $("#example").data("name"); console.log(name); //輸出John </script>
在上面的例子中,我們使用了.data()方法獲取了div元素的data-name屬性的值,并將其存儲(chǔ)在變量name中。