jQuery基础操作教程：HTML控件操作详解

"jQuery Html控件基本操作的总结，涵盖了文本框、Span、复选框、单选按钮、下拉框等元素的操作，适合初学者参考。" 在jQuery中，HTML控件的基本操作是非常常见的需求，这篇总结主要针对jQuery1.3.2版本，为新手提供了实用的代码示例。以下是一些关键知识点： 1. 文本框 (input[type="text"]) - 获取值：使用`$("#elementId").val()`，例如`alert($("#txtNum").val())`可获取`<input type="text" id="txtNum">`的当前值。 - 设置值：使用`$("#elementId").val("新值")`或`$("#elementId").attr("value", "新值")`，如`$("#txtNum").val("123456")`。 2. Span (span) - 设置内容：使用`$("#elementId").html("新内容")`，如`$("#spanId").html("大家好")`将替换`<span id="spanId"></span>`的内容。 - 获取内容：使用`$("#elementId").html()`，例如`alert($("#spanId").html())`弹出span内的文本。 3. 复选框 (input[type="checkbox"]) - 检查是否选中：`$("#elementId").is(":checked")`返回布尔值，表示是否被选中。 - 选中/取消选中：`$("#elementId").prop("checked", true)`选中，`$("#elementId").prop("checked", false)`取消选中。 4. 单选按钮 (input[type="radio"]) - 检查是否选中：与复选框类似，使用`$("#elementId").is(":checked")`。 - 选中特定选项：`$("[name=groupName]").filter("[value=value]").prop("checked", true)`，例如，如果一组名为`gender`的单选按钮中，要选中值为`male`的选项，可以写成`$("[name=gender]").filter("[value=male]").prop("checked", true)`。 5. 下拉框 (select) - 获取选中的option的值：`$("#selectId").val()`，例如`alert($("#mySelect").val())`。 - 设置选中的option：`$("#selectId").val("optionValue")`，例如`$("#mySelect").val("option1")`。 - 遍历并操作所有option：可以使用`$("#selectId option")`选择所有option，然后用`.each()`循环处理。 这些基本操作是jQuery日常开发中的基础，理解并熟练掌握它们对于编写交互式的网页至关重要。通过这些方法，可以轻松地实现用户界面的动态更新和数据的获取，极大地提高了开发效率。在实际项目中，还可以结合事件监听（如`.click()`, `.change()`)和条件判断来实现更复杂的交互逻辑。