什么是jQuery等效于document.forms [0] .elements [i] .value;？

jQuery等效于document.forms0.elementsi.value;是一段使用jQuery库实现的代码，用于获取表单中第一个表单元素的第i个子元素的值。

具体解释如下：

jQuery是一个流行的JavaScript库，提供了简化DOM操作、事件处理、动画效果等功能，使开发者能够更方便地操作HTML文档。
document是JavaScript中的一个全局对象，表示当前HTML文档。forms是document对象的一个属性，表示文档中的所有表单元素。
0表示获取forms属性返回的表单元素集合中的第一个表单元素。
elements是表单元素的一个属性，表示该表单元素中的所有子元素。
i表示获取elements属性返回的子元素集合中的第i个子元素。
.value是表单元素的一个属性，表示该表单元素的值。

综上所述，jQuery等效于document.forms0.elementsi.value;的代码实际上是使用jQuery库来获取表单中第一个表单元素的第i个子元素的值。这段代码可以用于获取表单中特定位置的输入框的值，以便进行后续的处理或验证操作。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

表单脚本

[0]; form.elements[1] === form.elements["color"][0];// value值为red的input标签（1）表单字段属性属性作用说明...window.addEventListener("load", function() { document.forms[0].elements[0].focus(); // 让表单第一个元素获取焦点...== target.maxLength){ var form = target.form; for (var i=0, len=form.elements.length...; i < len; i++) { if (form.elements[i] == target) { if (form.elements...[0].elements["location"].options[0].text; document.forms[0].elements["location"].options[0].value; （1

4.8K4 1

javascript当中document.forms的用法

-- function test() { var txt1 = document.forms[0].elements[0].value var...txt2 = document.regForm.username.value var psw1 = document.forms[0].elements[1].value ...var psw2 = regForm.psw.value; with(document) { write("document.forms[0]....elements[0].value-->"+txt1+"") write("document.regForm.username.value-->"+txt2+""...) write("document.forms[0].elements[1].value-->"+psw1+"") write("regForm.psw.value

6572 0

Apriso 开发葵花宝典之五 Process Builder JavaScript 篇

嵌套的另一个问题是变量名和循环。就像你通常以i作为迭代器变量开始第一个循环一样，你将继续使用j,k,l等等。...( document.createTextNode( member.data[i].label + ‘ ‘ + member.data[i].value...= ['George','Ringo','Paul','John']; var all = names.length; for(var i=0;i<all;i++){ doSomeThingWith...(names[i]); } 更短的写法是新建一个变量： var names = ['George','Ringo','Paul','John']; for(var i=0,j=names.length;...["myform"]; var total = (+theform.elements["val1"].value) + (+theform.elements["val2"].value); alert

6156 0

ecshop中ajax的调用原理

1:首先ecshop是如何定义ajax对象的。 ecshop中的ajax对象是在js/transport.js文件中定义的。里面是ajax对象文件。...0 : parseInt(parentId); Ajax.call('flow.php?...['theForm'].elements; /* 填充列表 */ var keywords = Utils.trim(eles['keyword'].value); if (keywords...['theForm'].elements; eles['user_search[]'].length = 0; if (result.error == 0) { for (i =...0; i < result.content.length; i++) { var opt = document.createElement('OPTION'); opt.value

6.7K5 0

js事件

{statement[s]} 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(),...for (var i = 0; i<form.elements.length;i++){ if (form.elements[i].type == "text"){...form.elements[i].value = ""; } } 31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked...(checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length 33....单选按钮组判断是否被选中也是用checked. 34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex

10.8K11 0

js常用函数大全107个

{statement[s]} 　　18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 　　19.窗口:打开窗口window.open...　　for (var i = 0; i<form.elements.length;i++){ 　　 if (form.elements[i].type == "text"){ 　　 form.elements...[i].value = ""; 　　 } 　　} 　　31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE...或FALSE) 　　32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length 　　33.单选按钮组判断是否被选中也是用checked.... 　　34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)

3.4K1 0

总结几条Javascript实用的语句

[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状B栏的设置:window.status... for (var i = 0; i <form.elements.length;i ){ if (form.elements.type == "text "){ form.elements.value...= " "; } } 31.复选按钮在JS中判定是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) ...32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length 33.单选按钮组判定是否被选中也是用checked. 34.下拉列表框的值...:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来_定被选中的值) 35.字符串的定义:var myString

9842 1

Healwire Online Pharmacy 3.0 Cross Site Request Forgery Cross Site Scripting

="hidden" name="pincode" value="a" /> ....elements[0].value; console.log(token); } } req.open("GET","/demo/healwire/account-page",true); req.responseType...= "document"; req.send(); window.setTimeout(function(){ document.forms[0].elements[5].value = token...; document.forms[0].submit(); },3000) # You can also send 2 ajax requests instead of using

5522 0

你可能不知道的jQuery工具方法

常见的array-like的对象有函数的参数arguments， document.getElementsByTagName()的返回值和document.forms。...// 将函数的参数相加 function add(){ var args = arguments; args = $.makeArray(args); var sum = 0;...等同于Array.prototype.indexOf(value[, fromIndex])。但IE8-不支持Array.prototype.indexOf。...类型判断 $.isArray() 是否是数组 $.isFunction() 是否是方法 $.isNumeric() 是否是数组 $.isEmptyObject() 是否是空对象 $.isPlainObject...等效于 (new Date).getTime()。也等效于Date.now()。IE8-不支持Date.now()。 $.noop() 返回一个空函数。

3011 0

Jquery基础(六) js方法清空cookie的各种方法

0;i <arrCookie.length;i++) { // 遍历cookie数组，处理每个cookie对 var arr=arrCookie[i].split("="); if(arr.length...= 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return GetCooki...cookie = jQuery.trim(cookies[i]); //PYYH=USERNAME=steven&PASSWORD=111111&UserID=1&UserType=1 if...0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1);...[m].elements[n].value; } function add_(){ var

8.1K3 0

14表单操作

通过Document的属性forms ``document.forms` 返回结果为HTMLCollection。通过表单的name名字。此方法不推荐。因为在新版本的浏览器中可能不再支持。...如果返回结果为一个时类型为对象，多个时是集合。获取表单组件元素常规方式 Document对象方式。document.getElementById('form_input')等。...通过表单元素的属性elements var f = document.forms[0] console.log(f.elements) 表单操作文本框的操作选择当前文本框的所有内容 ... </

3762 0

如何用 JS 一次获取 HTML 表单的所有字段？

有两种方法：一种是用黑科技，另一种是更清洁，也是最常用的方法。为了演示这种方法，我们先创建form.js，并引入文件中。...然后，使用this.elements或event.target.elements访问表单字段：相反，如果需要响应某些用户交互而动态添加更多字段，那么我们需要使用FormData。...接着，我们从表单构建一个FormData对象： const form = document.forms[0]; form.addEventListener("submit", function(event...这意味着它可以用for...of 遍历： const form = document.forms[0]; form.addEventListener("submit", function(event)...如下所示： const form = document.forms[0]; form.addEventListener("submit", function(event) { event.preventDefault

5K2 0

Jquery和PHP Ajax JSON

function(msg){ bindGroupList(msg); } }); //绑定 function bindGroupList(result) { var eles = document.forms...['theForm'].elements; eles['group_id'].length = 1; for (i = 0; i < result.content.length; i++...) { var opt = document.createElement('OPTION'); opt.value = result.content[i].id; ...bindGroupList(data) }); append * @return void */ function make_json_response(content = '', error = "0".../ function make_json_result(content, message = '', append = array()) { make_json_response(content, 0,

1.5K3 0

JQ中serialize表单序列化，当radio或checkbox 未选中时，问题分析&解决方案

什么原因呢?...var elements = jQuery.prop( this, "elements" ); return elements ?...rcheckableType.test( type ) ); }) .map(function( i, elem ) { var val = jQuery...可以看到map里对于val的处理，判断到是数组的时候jQuery.isArray( val ) ?直接使用map进行了遍历，这个时候如果这个数组的length是0呢？...那么自然当radio或checkbox 未选中时，这边的数组长度是为0的，所以这里就把radio或checkbox给漏掉了。那么怎么解决呢？直接改源码？这也太粗暴了吧。

2.2K2 0

JavaScript(十三)

此外，每个表单都有 elements 属性，该属性是表单中所有元素的集合。...这个 elements 集合是一个有序列表，其中包含着表单中的所有字段，每个表单字段在 elements 集合中的顺序，与它们出现在标记中的顺序相同，可以按照位置和 name 特性来访问它们。...var textbox = document.forms[0].elements["textbox1"]; alert(textbox.value); textbox.value = "Some new...if (document.forms[0].elements[0].checkValidity()) { //字段有效，继续 } else { //字段无效 } 要检测整个表单是否有效...if(document.forms[0].checkValidity()) { //表单有效，继续 } else { //表单无效 } 禁用验证通过设置 novalidate 属性，

3.3K2 0

Dom的高级应用

insertCell(pos) 向cells集合的指定位置插入一个单元格，并返回引用 2.form表单获取表单可以使用 1.document.forms 返回form集合 2.document.forms[0]...3.document.forms['myform3'] 3.document.myForm 4.document['myForm'] 获取表单中的字段 f2.elements ：获取表单中所有的元素...document.forms[0].elements['username'] 获取name为username的字段对象 document.forms[0].username 表单验证：如果希望在表单提交之前...input type="text" name="username"> password: function checkForm(fs){ var user = fs.username.value;

6743 0

JavaScript 学习-27.查找HTML DOM节点(元素)

一般如果元素有id属性，id一般都是唯一属性，所以通过id查找是最简单的方法。...对象，可以看成是一个数组，会返回一个或多个元素，如果找不到会返回空的[]。...form id="form-user"> 用户名 form = document.forms['form-user'] console.log(form)...for (let i = 0; i < form.length; i++) { console.log(form.elements[i].value) // yoyo

1.4K2 0

Javascript中最常用的55个经典技巧(转)

value=刷新>") } butt() function auto(url){ document.forms[0]["url"+b].value=url if(tim>200...) {document.forms[0]["txt"+b].value="/链接超时"} else {document.forms[0]["txt"+b].value="/blog/时间"+tim...区域中 function add() { var ress=document.forms[0].luxiaoqing.value window.location=...event.which : event.charCode; if (keyCode == 13) { var i; for (i = 0; i < field.form.elements.length...; i++) if (field == field.form.elements[i]) break; i = (i + 1) % field.form.elements.length

4692 0

基础篇：String字符串操作－必知必备

[]; private int hash; // Default to 0 String有一个value的字符数组，用来保存字符串的。...* 等效于 {0,} + 一次或多次匹配前面的字符或子表达式。例如，"zo+"与"zo"和"zoo"匹配，但与"z"不匹配。+ 等效于 {1,} ? 零次或一次匹配前面的字符或子表达式。...o{1,}"等效于"o+"。"o{0,}"等效于"o*" {n,m} m 和 n 是非负整数，其中 n <= m。匹配至少 n 次，至多 m 次。...o{0,1}' 等效于 'o?'。注意：您不能将空格插入逗号和数字之间。 ? 当此字符紧随任何其他限定符（*、+、?、{n}、{n,}、{n,m}）之后时，匹配模式是"非贪心的"。"...等效于 \x0a 和 \cJ \r 匹配一个回车符。等效于 \x0d 和 \cM \s 匹配任何空白字符，包括空格、制表符、换页符等 \d 数字字符匹配。等效于 [0-9] [a-z] 字符范围。

4741 0

使用JavaScript访问XML数据

0].SKU.value = getNode(orderDoc, "/Order/Item[" + i + "]/SKU"); document.forms[0].Price.value =...(orderDoc, "/Order/Item[" + i + "]/Quantity"); document.forms[0].Total.value = getNode(orderDoc...0) i = items.length - 1; document.forms[0].SKU.value = getNode(orderDoc, "/Order/Item["...+ i + "]/SKU"); document.forms[0].Price.value = getNode(orderDoc,"/Order/Item[" + i + "]/PricePer...document.forms[0].Total.value = getNode(orderDoc,"/Order/Item["+ i + "]/Subtotal"); document.forms

1.3K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云