JQuery是一種流行的JavaScript庫，它提供了許多實用的功能，其中包括遍歷元素的值。通過遍歷元素的值，我們可以方便地操作頁面上的各種元素。
在JQuery中，我們可以使用以下方法來獲取和修改元素的值：
$(selector).val() //獲取或設置表單元素的值 $(selector).html() //獲取或設置HTML內容 $(selector).text() //獲取或設置文本內容 $(selector).attr(attribute) //獲取或設置元素屬性的值
我們也可以使用下面的方法來遍歷一個jQuery對象：
$(selector).each(function(){...}); //遍歷元素下面是一個例子，演示如何使用遍歷元素來獲取和修改它們的值：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery 遍歷元素的值</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<p>請輸入您的名字：</p>
<input type="text" id="name"/>
<button id="submit">提交</button>
<p id="result"></p>
<script>
$('#submit').click(function(){
var name = $('#name').val();
$('#result').html('您好，'+name);
});
$('p').each(function(){
var text = $(this).text();
console.log(text);
});
</script>
</body>
</html>在這個例子中，我們使用了遍歷元素的each方法來打印頁面上所有段落的文本內容。我們還使用了val和html方法來獲取和修改輸入框和結果框的值。
總的來說，遍歷元素的值是JQuery中非常有用的功能之一，它可以讓我們方便地遍歷和操作頁面上的元素。
上一篇vue點擊高亮顯示
下一篇html的圖片平鋪代碼