$(#form :input)与$(#form input)的区别

最新推荐文章于 2022-12-10 07:44:16 发布
最新推荐文章于 2022-12-10 07:44:16 发布
阅读量473 收藏 2
点赞数
原文链接：http://www.cnblogs.com/chaoran/p/4782504.html
版权

相信大家都很奇怪这两者的区别

我从两个方面简单介绍下

1. $("form :input") 返回form中的所有表单对象，包括textarea、select、button等
    $("form input")返回form中的所有input标签对象

2. form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回)
   form :input是属于表单选择器(匹配所有input,textarea,select,button等）

转载于:https://www.cnblogs.com/chaoran/p/4782504.html

akufr2065
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery总结
YiRan_BuFanTeXi的博客
08-20 263
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素，不限于父元素 jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙 jQuery.contents() //查找下面的所有内容，包括节点和文本。 jQuery.prev() //查找上一个兄弟节点，不是所有的兄弟节点 jQuery...
jquery中$(#form :input)与$(#form input)的区别
01-19
$(“form :input”) 返回form中的所有表单对象，包括textarea、select、button等 $(“form input”)返回form中的所有input标签对象 form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回) form :...
form、input元素及其属性
joyce_wu66的博客
06-20 1825
form、input元素及其属性 input元素及其属性 input元素 用来设置表单中的内容项，比如输入内容的文本框，按钮等 不仅可以布置在表单中，也可以在表单之外的元素使用 input元素的属性 type属性：指定输入内容的类型，默认为text:单行文本框 name属性:输入内容的识别名称，传递参数时候的参数名称 value属性:默认值 maxleng
input标签和form表单
qq_37369726的博客
12-20 977
input标签： 用户名：<input type="text" name="username" readonly> 密码：<input type="password" name="password"> <input type="radio" name="sex" value="a" checked disabled>男 <input type="radio" name="sex" value="b">女 <input type="checkbox" na
普通input与form形式的input的设置默认值的区别
qq_39822451的博客
04-08 3133
<input type="text" name="fname" value="George·Paul" /><br /> <#form:input path="materialAliasesPrice" class="form-control number"/> $("#materialAliases").val("George·Paul");
SpringMVC的form:input标签和普通的input标签
热门推荐
ASZJBGD的博客
09-05 1万+
在SpringMVC 的form:form标签可以通过commandName 和 modelAttribute 获取到model中对应的对象。 &lt;form:form id="inputForm" modelAttribute="ower" action="${src}/ower/save" method="post" class="form-horizontal"&gt; &a
php中$_POST与php://input的区别实例分析
10-24
与`$_POST`不同，`php://input`不处理或解码数据，它返回的是POST请求体的原始内容，因此如果表单数据是JSON或XML格式，`php://input`就显得更有用。但要注意，`php://input`仅适用于非多部分/二进制数据的POST请求...
jquery form 隐藏的input 选择
10-26
jquery form input 选择，获取 id为 instanceInfo form 下的 隐藏的input,需要的朋友可以参考下
浅谈HTML表单标签＜form＞、＜input＞
m0_52021758的博客
01-22 739
网页常常会有信息收集功能，而完成此功能的主要模块就是表单，常见于注册页面。 一个表单通常由三个部分组成，分别为表单域、表单控件和提示信息，下面就让我们深入了解一下这三个部分吧。 1.表单域<form></form>:是一个包含表单元素的区域，实现用户信息的收集和传递。在表单域中有以下常见属性： 2.表单控件： a.<input type=" ">:输入表单元素，用于用户输入相关信息。 type可以取如下值： 实现单选按钮时需要注意以下两点： 1.type=“radio
form表单内input的基本介绍
yunduan__的博客
11-01 2461
表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。 例如 <form align="center"> 用户名： <div><input type="text" placeholder=请输入用户名> </div> 密码 :<div><input type="password" placeholder="请输入密码"> </div> 确认密码 ：<div
#form1 :input 与 #form1 input的区别
weixin_34223655的博客
10-21 109
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery 中$("#form :input") $("#form input") 区别
鹏javatar的专栏
04-09 1881
$("form :input") 返回form中的所有表单对象，包括textarea、select、button等 $("form input")返回form中的所有input标签对象
$("#form input")和$("#form :input")区别
xiaobin126的专栏
12-29 346
jQuery中表单元素应当注意： $("#form input")和$("#form :input")所获取的元素不一样；$("#form :input")会获取到所有的input，textare，select及button元素； $("#form input")会获取到所有的input元素（层次选择器）
jQuery选择器——$(“form1 :input”)与$(“form1 input”)的区别
u011435776的博客
03-26 2461
#form1 :input 返回id为form1 后所有input, textarea, select 和 button 元素#form1 input 返回id为form1 后所有input$(#form1 :input).length 得到表单内表单元素的个数，包括&lt;input&gt;,&lt;textarea&gt;,&lt;select&gt;,&lt;button&gt;元素$(#f...
jquery 中$("form :input") $("form input") 区别
有 prepare , No out
04-13 845
分享到： 2011-04-25 16:41提问者采纳 $("form :input") 返回form中的所有表单对象，包括textarea、select、button等 $("form input")返回form中的所有input标签对象
form表单 input输入框及属性
S_1978P1
08-02 3167
  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;form表单&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;!--form表单 input输入框
Form表单的Input标签
yaningyin的博客
03-22 1670
Input标签的type属性 text 单行文本框 password 密码框 radio 单选按钮，同一组的单选按钮name值一样，checked属性默认选中 checkbox 复选框，同一组的单选按钮name值一样，checked属性默认选中 file 文件选中按钮，文件上传按钮 form...
form表单之input标签
s13166803785的博客
12-10 2054
表单标签<form> 表单用于向服务器传输数据。 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label 元素。 1.表单属性 HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。表单标签, 要提交的所有内容都应该在该标签中. action: 表单提交到哪. 一般指向服务
HTML5-表单元素(Form-input元素)
MelanceXin的博客
04-24 3223
表单元素 表单：是HTML中获取用户输入的手段，对于web应用系统极其重要，但是HTML定义的功能落后于表单的使用方式已经有很多年了。 HTML5中，整个表单已经彻底改造过，标准的步伐已经跟上表单的应用实践。 （比如：百度的输入框是一个表单，网页中用户的的登陆框也是一个表单…） 获取用户输入的方式多样，对应的表单样式也多样。 关键表单元素 // 属性：method action （作...
增加一个编辑功能$(function () {     let id = 2;     $("#add-button").click(function () {         console.log("-----");         $("#add-form").removeClass("hidden")         $("#add-form").addClass('visible')     })     $("#cancel-button").click(function () {         clear()         $("#add-form").removeClass("visible")         $("#add-form").addClass('hidden')     })     $("#save-button").click(function (e) {         e.preventDefault()         let name = $("#name-input").val() // .val() 等价于 .value         let price = $("#price-input").val()         id++         $("tbody").append(` <tr> <td>${id}</td> <td>${name}</td> <td>${price}</td> <td> <button class="edit-button">编辑</button> <button class="delete-button">删除</button> </td> </tr> `)         clear()         $("#add-form").removeClass("visible")         $("#add-form").addClass('hidden')     })     $('tbody').on("click", '.delete-button', function () {         console.log("===", $(this));         $(this).closest('tr').remove()     })     function clear() {         $("#name-input").val("")         $("#price-input").val("")     } })
最新发布
05-24
这个代码片段增加了一个编辑功能。具体来说，当点击编辑按钮时，可以将相应的行的数据填充到表单中，用户可以进行修改。当点击保存按钮时，修改后的数据会替换原有数据。 以下是修改后的代码： ``` $(function () { let id = 2; $("#add-button").click(function () { console.log("-----"); $("#add-form").removeClass("hidden"); $("#add-form").addClass('visible'); }); $("#cancel-button").click(function () { clear(); $("#add-form").removeClass("visible"); $("#add-form").addClass('hidden'); }); $("#save-button").click(function (e) { e.preventDefault(); let name = $("#name-input").val(); let price = $("#price-input").val(); if ($("#save-button").data("mode") === "edit") { let row = $("#save-button").data("row"); row.children().eq(1).text(name); row.children().eq(2).text(price); $("#save-button").data("mode", "add"); $("#save-button").text("添加"); } else { id++; $("tbody").append(` <tr> <td>${id}</td> <td>${name}</td> <td>${price}</td> <td> <button class="edit-button">编辑</button> <button class="delete-button">删除</button> </td> </tr> `); } clear(); $("#add-form").removeClass("visible"); $("#add-form").addClass('hidden'); }); $('tbody').on("click", '.delete-button', function () { $(this).closest('tr').remove(); }); $('tbody').on("click", '.edit-button', function () { let row = $(this).closest("tr"); let name = row.children().eq(1).text(); let price = row.children().eq(2).text(); $("#name-input").val(name); $("#price-input").val(price); $("#save-button").data("mode", "edit"); $("#save-button").data("row", row); $("#save-button").text("保存"); }); function clear() { $("#name-input").val(""); $("#price-input").val(""); } }); ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值