`
qepipnu
  • 浏览: 76565 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery 赋值函数

阅读更多
$("")是一个jquery对象,而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。

取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");

或者这样也可以:val = $("#id").attr("value");


获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框


赋值用 $("#id").attr("属性名",value); 其中属性名可以自定义
分享到:
评论

相关推荐

    jQuery setTimeout()函数使用方法

    setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert&#40;1&#...

    jquery 动态遍历select 赋值的实例

    本文主要讲解了如何使用jQuery动态地遍历select元素,并为其赋值。这是一项非常实用的技术,尤其在动态网站开发中,经常会遇到需要根据不同的数据动态更新下拉列表选项的情况。 知识点一:遍历和选择select元素中的...

    jQuery中将函数赋值给变量的调用方法

    在jQuery中,将函数赋值给变量并进行调用是常见的操作。掌握这种做法可以帮助我们更好地组织代码和复用函数逻辑。本知识点将详细介绍在jQuery中如何将函数赋值给变量,并根据不同的使用场景介绍正确的调用方法。 ...

    jquery自定义函数的多种方法

    这里,我们定义了一个函数 `aa`,然后将它赋值给 `$.windowbox`。当调用 `$.windowbox` 时,传入一个包含 `aa` 和 `bb` 属性的对象,函数会读取并处理这些属性。 接下来,我们可以利用jQuery的 `fn` 原型链来扩展...

    用JQuery对元素赋值、遍历、追加、分割和找索引的代码实例

    jQuery的`each()`方法允许我们遍历jQuery对象中的每一个元素,并执行指定的函数。以下是如何遍历所有`&lt;p&gt;`元素并打印其内容的示例: ```javascript $("p").each(function(index, element) { console.log($(this)....

    《JQuery 能干点啥~》第四讲 html() 与 text()的赋值比较

    除了基本的赋值功能,`html()`和`text()`还可以接收一个函数作为参数,这个函数将被用于计算每个匹配元素的值。例如: ```javascript $("p").html(function(index, currentHtml) { return "Paragraph " + (index +...

    jquery刷新页面和JS常用的函数

    ### jQuery 刷新页面与 JavaScript 常用函数详解 #### 一、jQuery 刷新页面方法 在实际开发中,有时我们需要通过脚本来控制页面的刷新。对于这种情况,jQuery 提供了简便的方式来完成这一操作。 **刷新当前页面:...

    JQuery表单元素取值赋值方法总结

    本文将详细讲解如何使用 jQuery 对表单元素进行赋值和取值,以帮助开发者更好地理解和应用。 一、普通文本框的赋值与取值 1.1.1 赋值 在 jQuery 中,可以使用 `.val()` 方法来为文本框赋值。例如,假设我们有以下 ...

    Etch-A-Sketch:TheOdinProject Javascript jQuery 赋值

    在这个项目"Etch-A-Sketch: The Odin Project Javascript jQuery 赋值"中,我们将深入探讨如何使用这两者来创建一个互动式的“蚀刻草图”应用。 “蚀刻草图”(Etch-A-Sketch)是一个经典的玩具,用户通过两个旋转...

    jQuery支持模糊查询下拉框菜单选择代码

    jQuery的核心理念是“Write Less, Do More”,它通过简洁的语法封装了大量JavaScript函数,使得开发者能够快速高效地操作DOM元素、处理事件和创建动画。在模糊查询下拉框菜单的实现中,jQuery提供了方便的方法来操作...

    jquery.formautofill 表单填充控件

    为了提高开发效率和用户体验,开发者们经常寻找自动化解决方案,以简化表单字段的赋值过程。这里我们要介绍的是jQuery.formautofill插件,一个能够帮助我们一键完成表单数据填充的工具。 ### 1. jQuery....

    jQuery源码解读

    在匿名函数内部,jQuery 将其主要对象赋值给 `window` 对象,使得外部可以像访问 `document` 一样访问 `jQuery`。同时,为了方便使用,jQuery 还创建了一个别名 `$`,使得用户可以更方便地调用库中的方法。 jQuery ...

    《锋利的jQuery》

    而要将DOM对象转换为jQuery对象,只需要使用jQuery函数包装该DOM对象即可,如var jqueryObject = $(domElement);。 5. AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的缩写,它是一种在无需刷新...

    基于jquery实现的et大屏展示源码_大屏展示_前端页面

    现代JavaScript(ES6及以上版本)引入了许多新特性,如箭头函数、模板字符串、let/const变量声明、解构赋值等,提高了代码的可读性和效率。 四、HTML基础 HTML(HyperText Markup Language)是构建网页的基本结构...

    Jquery 1.6.4 js And Jquery 1.4 API 中文

    1. **属性选择器增强**:jQuery 1.6 引入了更精确的属性选择器,如 `[attr=value]`,可以区分属性值的赋值方式,比如 `checked`、`selected` 和 `disabled` 等。 2. **类操作改进**:`.addClass()`, `.removeClass...

    jQuery三级联动菜单选中赋值代码.zip

    在本案例中,"jQuery三级联动菜单选中赋值代码"是一个实现特定功能的代码示例,它涉及到网页交互设计中的一个常见需求:三级联动菜单的选择与赋值。 一、jQuery三级联动菜单的概念: 三级联动菜单通常指的是在一个...

    jquery1.43源码分析(核心部分)[收集].pdf

    内部的`jQuery`函数是构造函数,用于创建jQuery对象实例。在jq2处,我们可以看到构造函数接受两个参数:选择器(selector)和上下文(context)。这个构造函数用于从DOM中选取元素,并返回一个包含这些元素的jQuery...

Global site tag (gtag.js) - Google Analytics