jQuery基础：元素取值与赋值实例操作指南

本文详细介绍了jQuery在HTML页面上操作基础控件时对元素值的获取和赋值的方法。主要涉及以下几个部分： 1. 文本框和文本区域： - 使用`.val()`方法获取文本框的值：`var str = $('#txt').val();`，并设置值为新的内容，如`$('#txt').val("SetLblValue");` - 对于文本区域，可以使用`.attr("value", "")`来清空内容，或者`$("#text_id").attr("value", 'test')`来填充内容。 2. 标签（Lable）： - 通过`.text()`方法获取标签内的文本：`var str = $('#lbl').text();`，并设置新的文本内容，如`$('#lbl').text("SetLblValue");` 3. 复选框（Checkbox）： - 使用`.attr("checked", false)`取消选中，`.attr("checked", true)`选中。 - 判断是否已选中：`if($("#chk_id").attr('checked')==true)` 4. 单选按钮（Radio）： - 设置特定值的单选按钮为选中：`$("input[@type=radio]").attr("checked", '2');` 5. 下拉框（Select）： - 设置当前选中的选项值：`$("#select_id").attr("value",'test');` - 添加新选项：`$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id");` - 清空下拉框：`$("#select_id").empty();` 6. 获取被选中的复选框或单选按钮的值： - 对于一组名为"items"的复选框，可以通过`var item = $('input[@name=items][@checked]').val();`获取被选中的值。 - 对于单选按钮，如果需要获取特定名称下被选中的值，可以类似地使用`var valradio = $("input[@type=radio][@checked]").val();` 通过这些实例，读者可以更好地理解和运用jQuery来动态操作HTML元素的值，提升网页交互性和灵活性。在实际开发中，熟练掌握这些操作对于构建响应式和用户友好的Web应用至关重要。