在使用 jQuery 進行 Web 開發時,經常會涉及到對象的增加、修改和獲取操作。其中,對象的值是我們訪問和操作對象的關鍵。下面將介紹如何使用 jQuery 操作對象的值。
// 定義對象 user var user = { name: '小明', age: 18, gender: '男' }; // 獲取對象的值 console.log(user.name); // 輸出:小明 console.log(user['age']); // 輸出:18 // 修改對象的值 user.name = '小紅'; user['age'] = 20; console.log(user); // 輸出:{name: '小紅', age: 20, gender: '男'} // 通過 jQuery 操作對象的值 $(document).ready(function() { // 給對象添加新的屬性 $('#btnAdd').click(function() { user.hobby = $('#txtHobby').val(); // 獲取輸入框的值 console.log(user); // 輸出:{name: '小紅', age: 20, gender: '男', hobby: '打籃球'} }); // 修改對象的屬性值 $('#btnModify').click(function() { user['gender'] = $('#sltGender').val(); // 獲取下拉框的值 console.log(user); // 輸出:{name: '小紅', age: 20, gender: '女', hobby: '打籃球'} }); });
通過上述代碼,我們可以看到,使用 jQuery 操作對象的值相當方便,只需要使用對應的屬性名或者屬性名字符串,就可以獲取和修改對象的值。通過 jQuery 還可以方便地給對象添加新的屬性,以及在前端頁面上交互修改對象的屬性值,非常靈活。