jQuery是一個廣泛使用的JavaScript庫,它簡化了HTML文檔遍歷、事件處理、動畫效果以及Ajax等操作。在處理表單數據時,我們通常需要獲取表單元素的值,例如使用name屬性獲取表單元素的值。下面就介紹一下如何利用jQuery通過name屬性獲取標簽值。
// HTML代碼 <form> <label for="name">姓名:</label> <input type="text" name="name" id="nameInput"> <br> <label for="age">年齡:</label> <input type="text" name="age" id="ageInput"> </form> // jQuery代碼 $(document).ready(function() { var nameVal = $('input[name="name"]').val(); var ageVal = $('input[name="age"]').val(); console.log(nameVal); console.log(ageVal); });
上面的代碼演示了如何通過jQuery獲取表單中指定name屬性的輸入框值,并將值輸出到控制臺。$()函數是jQuery的核心函數,它可以接收CSS樣式選擇器、HTML元素或DOM對象作為參數,返回一個jQuery對象。在上面的代碼中,我們首先使用選擇器獲取了表單中name為"name"和"age"的input標簽對象,然后通過.val()方法獲取了這些標簽的value值并賦值給變量nameVal和ageVal。最后,通過console.log()方法將變量輸出到控制臺。
通過上面的代碼,我們可以輕松獲取表單中指定名稱的標簽值,而不必使用傳統的DOM操作。這使得我們在表單處理時更加方便快捷。
上一篇jquery透明度改變
下一篇jquery選擇器is