jQuery操作DOM：选择元素与设置值的技巧

"这篇资料主要介绍了如何使用Jquery来操作DOM中的特定标签，特别是关于`select`、`radio`和`checkbox`的选择与值获取。" 在jQuery中，DOM（文档对象模型）操作是非常常见的任务，它使得JavaScript可以更加便捷地处理网页元素。本资料特别关注于对`select`下拉列表、`radio`单选按钮和`checkbox`复选框的操作。以下是一些关键知识点的详细说明： 1. 获取选中`radio`的值： 使用`$("input[name='items']:checked").val()`可以获取当前选中`radio`按钮的值。 2. 检查是否有选中的`radio`： 函数`checkradio`展示了如何检查是否有被选中的`radio`，通过`$(":radio:checked")`选择器获取选中的项，然后检查其长度`len`来判断。 3. 获取`select`的当前选中项： 通过`$("select[name=items] option[selected]").text()`获取`select`下拉列表中当前选中的选项文本；而`$('#select_id')[0].selectedIndex = 1`则用于设置`select`的选定索引为1。 4. 设置`checkbox`的选中状态： `$('input[name=items]').get(1).checked = true;`将第二个匹配到的`checkbox`设置为选中状态。 5. 获取`input`的值： 使用`$("#txt").attr("value")`可以获取`input`标签的当前值。 6. 设置`checkbox`的选中状态： `$("#chk1").attr("checked", '')`将`checkbox`取消选中，`$("#chk2").attr("checked", true)`将其设置为选中。 7. 检查`radio`是否已被选中： `if ($("#chk1").attr('checked') == undefined)`用来判断一个`radio`按钮是否已被选中。 8. 批量设置`radio`或`checkbox`的选中状态： `$("input[type=radio]").attr("checked", '2')`可将所有`radio`的选中状态设置为具有`value=2`的项；对于`select`，`$("#sel").attr("value", '-sel3')`将选定值设置为`-sel3`。 9. 添加`option`到`select`： `$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo('#sel')`用于向ID为`sel`的`select`元素中添加新的选项。 这些例子展示了jQuery在处理DOM操作时的强大功能，特别是简化了与用户交互元素如`select`、`radio`和`checkbox`的交互。通过使用jQuery，开发者可以更高效地实现页面动态更新和用户输入的处理。