JQuery name以開頭的屬性主要用于選擇指定name屬性的HTML元素。通過該屬性，我們可以輕松地在文本輸入框、單選按鈕、復選框以及下拉列表等元素中獲取、設置值或執行一些其他操作。

下面是一個簡單的例子，展示如何使用JQuery name屬性全選或取消選擇復選框：

$('input[name="check_all"]').on('click', function() {
$('input[type="checkbox"]').prop('checked', $(this).prop('checked'));
});

在上述代碼中，我們首先選擇name為“check_all”的復選框元素，當其被點擊時，將name屬性為“checkbox”的所有復選框的屬性設置為與其相同的屬性。這樣，我們就實現了全選或取消選擇的功能。

JQuery name屬性還可以用于獲取表單元素的值并將其提交到服務器。例如：

$('form').on('submit', function() {
var name_val = $('input[name="name"]').val();
var age_val = $('input[name="age"]').val();
// 提交數據到服務器
$.ajax({
url: 'server.php',
type: 'post',
data: {
name: name_val,
age: age_val
},
success: function(response) {
// 服務器返回數據后的操作
}
});
return false;
});

通過上述代碼，我們可以獲取name屬性為“name”和“age”的表單元素的值，并將其作為數據在ajax請求中提交到服務器。服務器接收并處理這些數據后，再向客戶端返回處理結果。