jquery与dom结构的赋值

于 2020-03-29 14:16:20 发布 74 收藏
分类专栏： Net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyfmeng/article/details/105178157
版权

jquery的赋值

$("input[data-citynum-id='" + $(this).val() + "']").val("0");

dom结构的赋值

document.getElementsByClassName("citynum")[i].value = 0;
飞天猪Pony
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Jquery attr()方法 属性赋值和属性获取详解
11-26
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr( 属性名 ) //获取属性的值（取得第一个匹配元素的属性值。通过这个...
jquery（三）jQuery DOM 操作 取值 赋值
踟蹰千年的博客
10-17 8813
获得内容 - text()、html() 以及 val() text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click...
jQuery常用的DOM操作（设置属性、值、内容）
sleepwalker_1992的专栏
05-18 3409
text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值html文件<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&a
jQuery修改DOM结构
左岸
08-23 506
除了列出的3种语言外，请再添加Pascal、Lua和Ruby，然后按字母顺序排序节点：<!-- HTML结构 --> <div id="test-div"> <ul> <li><span>JavaScript</span></li> <li><span>Python</span></li> <li><span>Swift</span></li>
关于jquery的each循环生成dom数组节点
adley_function的博客
08-02 4174
var dataArr=[ {text:"第一个",goodsid:1}, {text:"第二个",goodsid:2}, {text:"第三个",goodsid:3}, ] $(dataArr).each(function(i){ var str=""+this.text+""; var a=$(str); a.appendTo($("sectio
jQuery给动态循环创建的dom添加事件
shangc_的博客
11-22 2335
在使用jQuery时，经常需要根据后端获取的数据循环创建dom，而且给创建的某个元素添加事件 $("div").on('click', function{ console.log("div"); }) 用上面这种方式是绑定不了事件的，所以需要通过下面这种方式来绑定事件 $("document").on('click', "div",function(){ console....
Jquery chosen动态设置值实例介绍
12-12
Jquery chosen 地址：https://github.com/harvesthq/chosen 一款选择插件，支持检索，多选，但不支持输入效果如下图 确定是用的这个哦...在这之前调试过其生成的dom想通过直接将其生成的dom移除掉，结果是不可行的，能
JQuery 风格的HTML文本转义
12-12
那么，我需要一个方法转义。网上搜了一下，大部分是自己编写一个正则替换。不过我的习惯是尊重既有的资源。有人提出可以用dom的功能。... 其实刚刚想起来，很多时候完全可以用text()函数对jQuery对象赋值就好了……
jQuery 实现双击编辑表格功能
12-09
先给大家展示下效果图： 下面用简单方法实现的简单表格编辑功能: ...[removed] ... var tdDom = $(this); //保存初始值 var tdPreText = $(this).text(); //给td设置宽度和给input设置宽度并赋值 $(this)
jquery获取input的value问题说明
01-19
后来终于在伟大的百度帮助下，找到了问题的原因： 代码如下: $(“”)是一个jquery对象，而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元素的当前值。 val(val):设置...
简单的代码实现jquery定时器
01-19
简单的代码实现jquery定时器. 今天,项目遇到一个消息...然后赋值给要显示的那个dom对象里面. 代码如下: $(function(){ run(); var interval; function run(){ interval = setInterval(chat,”3000″); } function chat
JQuery学习总结【二】
11-27
*:JQuery的dom操作 *：动态创建dom节点 比如动态创建表格等，在js里面进行完成。 *删除节点 这里面的删除就是将其放在了一个地方，并不是真的删除，之后可以使用。 *：document方法 1:.val()可以获取到文本框里面...
jQuery源码解读之hasClass()方法分析
12-02
//将要检查的类名selector赋值给className, l为选择器选择的当前要检查的jQuery对象数组的长度。  var className = ” ” + selector + ” “,  i = 0,  l = this.length; //循环检查每一个DOM元素的类名  for
jQuery选择器源码解读（二）：select方法
12-11
/* * select方法是Sizzle选择器包的核心方法之一，其主要完成下列任务： * 1、调用tokenize方法完成对选择器的解析 ... * 3) 获取最后一个id、class、tag类型选择器的匹配DOM元素赋值给初始集合（即seed变量） *
jquery下json数组的操作实现代码
01-21
今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 代码如下: var arrayObj = new ...
jquery1.9.1中文版
06-19
//jQuery对象是实际上初始化名为enhanced(提高的)构造器 //jQuery对象实际上只是增强的初始化构造方法 return new jQuery.fn.init( selector, context, rootjQuery ); }, /* 用来匹配数字的正则，匹配可选正负号...
jquery1.9.1中文汉化版
02-23
//jQuery对象是实际上初始化名为enhanced(提高的)构造器 //jQuery对象实际上只是增强的初始化构造方法 return new jQuery.fn.init( selector, context, rootjQuery ); }, /* 用来匹配数字的正则，匹配可选正负...
jQuery完全实例.rar
06-16
context (Element, jQuery) : (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。 示例 找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。 HTML 代码: <p>one</p> <div><p>two</p></div> <p>three...
模拟jQuery中的ready方法及实现按需加载css,js实例代码
12-12
一、ready函数的实现经常用jQuery类库或其他类库中的ready方法，有时候想想它们到底...在闭包中，主要判断isReady值来执行操作，如果dom结构准备就绪(isReady === true)，执行回调，否则将回调加入到要执行的队列(funs)
jquery给select下拉框赋值
最新发布
05-23
<h3>回答1：</h3><br/>可以使用jQuery的val()方法来给select下拉框赋值。例如： HTML代码： ``` <select id="mySelect"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> </select> ``` jQuery代码： ``` $("#mySelect").val("2"); ``` 这样就会将下拉框选中值设置为“选项2”。 <h3>回答2：</h3><br/>Jquery是一款JavaScript库，提供了相当丰富的DOM操作方法，方便我们构建交互性较强的Web页面。如果需要在前端动态的给select下拉框赋值，我们可以使用Jquery提供的方法来实现。 首先，我们需要获取到对应的select下拉框元素，在Jquery中通常使用选择器进行选择，然后使用val()方法给下拉框赋值。例如： ``` // 获取<select>元素，id为cities var $cities = $('#cities'); // 给<select>元素赋值 $cities.val('Shanghai'); // 或者 $cities.val(['Shanghai', 'Beijing']); ``` 上述代码中，我们通过选择器$()获取到id为cities的<select>元素，然后使用val()方法为其赋值。同样的方式，我们也可以在HTML代码中设置option元素来给下拉框赋值，例如： ``` <select id="cities"> <option value="Beijing">北京</option> <option value="Shanghai">上海</option> <option value="Guangzhou">广州</option> </select> ``` 给<select>元素赋值，可以直接赋值option元素的value属性值或者文本内容。如果需要勾选多个选项，可以将值放在一个数组中，例如： ``` // 给<select>元素赋值 $cities.val(['Shanghai', 'Beijing']); ``` 以上就是使用Jquery给select下拉框赋值的方法，只需要使用val()方法即可轻松实现。同时，Jquery还提供了大量的表单操作方法，如attr()、prop()、serialize()等，可以满足我们表单处理的各种需求。 <h3>回答3：</h3><br/>在jQuery中，可以使用val()方法为select下拉框赋值。 语法如下： ``` $('select').val('value'); ``` 其中，第一个参数为赋予的值。 如果需要为多选select下拉框赋值，可以传入一个包含多个值的数组作为参数。 ``` $('select').val(['value1', 'value2', 'value3']); ``` 如果需要清空当前select下拉框中的所有选项，则可以不传入参数。 ``` $('select').val(''); ``` 需要注意的是，给select下拉框赋值时，必须确保传入的值在下拉框的选项中存在。如果传入的值不存在，则不会赋值成功。 另外，如果希望在select下拉框中添加新的选项，则可以使用append()方法，将新增的选项添加到下拉框中，并且赋予相应的值。 下面是一个示例代码： HTML代码： ``` <select id="fruit"> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橘子</option> </select> <button id="change">选择柚子</button> ``` jQuery代码： ``` $(function() { $('#change').click(function() { $('#fruit').val('grapefruit'); }); }); ``` 在点击“选择柚子”按钮之后，select下拉框中会被自动切换为“柚子”对应的选项。 如果需要添加新的选项，则可以使用以下代码： ``` $(function() { $('#add').click(function() { $('#fruit').append($('<option>').val('grapefruit').text('柚子')); }); }); ``` 在点击“添加柚子”按钮之后，select下拉框中会自动添加一个新的选项：“柚子”。 以上就是jQuery给select下拉框赋值的相关方法和示例代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飞天猪Pony

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值