/*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var valradio = $(“input[@type=radio][@checked]”).val(); /*获取一组名为(items)的radio被选中项的值*/ var item = $(‘input[@name=items][@checked]’).val(); /*获取复选框的值*/ var checkboxval = $(“#checkbox_i
在JavaScript的世界里,jQuery库提供了一种更为简洁和强大的方式来操作DOM元素,包括获取和设置值。在本文中,我们将深入探讨jQuery中用于取值和赋值的一些基本方法。
我们来看如何获取和设置文本框(TEXTAREA)的值。通过ID选择器`$("#text_id")`,我们可以轻松地获取或设置文本框的值。例如,`var textval = $("#text_id").attr("value");`或`$("#text_id").val();`用于获取值,而`$("#text_id").attr("value", "new_value");`或`$("#text_id").val("new_value");`则用于设置新的值。
对于单选按钮,我们可以使用以下代码来获取被选中的值:`var valradio = $("input[type=radio][checked]").val();`如果有多组单选按钮,例如一组名为"items"的单选按钮,我们可以用`var item = $('input[@name=items][@checked]').val();`来获取选中项的值。
获取复选框的值通常涉及检查其是否被选中。例如,`var checkboxval = $("#checkbox_id").attr("value");`可以获取复选框的值,但判断其是否被选中,我们可以使用`$("#checkbox_id").attr("checked")`或`$("#checkbox_id").is(":checked")`。
处理下拉列表(SELECT)时,`var selectval = $('#select_id').val();`用于获取当前选中的选项的值,而`$('#select_id').val('new_value');`用于设置新的选中值。此外,我们可以使用`$(‘<option value=’test’>test</option><option value=’test2’>test2</option>’).appendTo('#select_id')`向下拉框添加新的选项,`$("#select_id").empty()`则可以清空所有选项。
除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则取消勾选。对于单选组,可以使用`$("input[type=radio]").attr("checked", "value_to_set")`来设置特定值的单选按钮为选中状态。
在处理事件时,jQuery的`$(function() {...})`或`$(document).ready(function() {...})`是页面加载完成后执行函数的标准方式,这类似于JavaScript中的`window.onload`事件。
此外,jQuery提供了丰富的选择器来选取DOM元素,例如ID选择器`$("#myid")`,类选择器`$(".TextBox")`,属性选择器`$("div[myattr]")`等。如果需要遍历并操作所有选取的元素,可以使用`.each()`方法,如`$("div").each(function() { ... })`。
jQuery对象可以通过索引转换为原始DOM元素,例如`$("#myid")[0]`,这样可以调用DOM元素的原生方法。
jQuery简化了DOM操作,使得HTML元素的取值、赋值以及事件处理变得更加便捷。通过熟练掌握这些基本方法,开发者能够更高效地编写交互式的前端应用。