JQuery中,.val()与 .attr("","");的区别,以及placeholder与value冲突

惯例:

我是温浩然:

在JQuery中,如果想给一个标签赋值,可以用两种方式。

一种是:

$('#mindInfo').val(data.imgSrc);

另一种是:

$('#mindInfo').attr("value",data.imgSrc);

这两种,第一种是,直接给ID为这个的赋值,值是:data.imgSrc.

第二中,则是,在这个标签中加一个  value   属性,

一般情况下,这两种是没有什么区别的,但是,当你遇到这个属性的时候,

 placeholder="内容"

这个属性的意思是,给你的这个标签设置提示信息.

当有这个属性的时候,再给这个标签,使用

.attr("value","");

时,会出现,标签有value="aaa"

但是并不显示值的情况,而是现实默认提示信息 placeholder中的信息.

这时,就需要用.val();

来给这个标签赋值了.

时间: 2024-09-19 09:10:29

JQuery中,.val()与 .attr("","");的区别,以及placeholder与value冲突的相关文章

jQuery中val()方法用法实例_jquery

本文实例讲述了jQuery中val()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或获取匹配元素的value属性值. 只有具有value属性的元素才能够使用此方法.比如input元素可以使用此方法,而div元素就不可以. 使用方式: 用法一: 此方法不带参数的时候是返回第一个匹配元素的value属性值.例如: 复制代码 代码如下: $("input").val() 以上代码是获取第一个input元素的value属性值. 实例代码: 复制代码 代码如下: <!DOCT

从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别_jquery

背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: [√]$("#file")[0].value = ""; [√]$("#file")[0].value = null; [×]$("#file").attr("value",""); [×]$("#file").attr("value",null); [√]$(&

jquery中val()方法是从最后一个选项往前读取的_jquery

在jquery中,val()方法是从最后一个选项往前读取,如果选项的value或者text中任意一项符合就会被选中 <select id="single"> <option>选择1号</option> <option>选择2号</option> <option value="选择2号">选择3号</option> </select> $("input:eq(0)

Jquery中val()表单取值赋值的实例代码_jquery

jQuery提供了强大的val()方法来处理value相关操作.获得单个select的值和多选select的值. 复制代码 代码如下: HTML 代码:<p></p><br/><select id="single">  <option>Single</option>  <option>Single2</option></select><select id="mul

Jquery中request和request.form和request.querystring的区别_jquery

Request.Form是获取以POST方式提交的表单数据: Request.QueryString主要是获取地址栏参数或者以Get方式提交的数据 而Request则包含以上两种方式,会在Request.QueryString和Request.Form中都查询一遍变量.但是优先获取GET方式提交的数据,即Request.QueryString Request:包含以上两种方式(优先获取GET方式提交的数据),它会在QueryString.Form.ServerVariable中都搜寻一遍. 而且

jquery 中多条件选择器,相对选择器,层次选择器的区别_jquery

一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$("div:last")选取最后一个div元素 3.:not(选择器),选取不满足"选择器"条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素 4.:even/:odd,选取索引为偶数/奇数的元素

jquery中的查找parents与closest方法之间的区别_jquery

一.返回值 前者可以返回多个元素 或者只能返回0个或者1个 二.停止的时间不同 前者是所有的上级元素即一直到根一般是body  后者是知道发现为止,发现一个就停止了 三.开始的元素不同 前者是从父元素开始  后者是从自身开始的 代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

jQuery中attr()与prop()函数用法实例详解(附用法区别)_jquery

本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.

jquery中html,text,val的区别对比

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值. 一.jquery中HTML  1. 无参html() 方法用来获取任意元素的HTML内容,如果你调用多个选定元素的.html()方法,那么其读取的只是第一个元素,换句话说:如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取.另外此法对XML方档是无效的. 要读取一个元素的HTML内容,首先你要选择这个元素,然后在调用jQue