jquery修改元素值，jquery修改元素内容

jquery如何给input赋值

jquery 给input赋值val(val)，val(val)是jquery函数，最容易混淆的是获取input的函数是val()，区别非常小，一个是带参数，一个是不带参数。

新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。然后把输入框和按钮的css样式写好。

这个value=2和input的value值是两个概念。value=2是DOM结点上的属性值，如果想改变这个属性值，需要这样操作$(#s1).attr(value，123)，这个属性值是可见的。input上的值是它本身的value值，如果想获取则是$.val()，如果想赋值则用$.val(123)。

通过语句：document.getElementById(id).value进行赋值。创建如下实例代码：打开浏览器运行，此时在页面上的显示效果如下：继续创建一个赋值函数如下，将其绑定到之前创建的button上。属性页面，然后点击按钮，触发事件，此时页面的效果如下，完成赋值。

（2）通过attr()赋值//清空value的值var len = $(#len).attr(value，)； alert(len)；//重新给value赋值//此时alert，发现已经赋值111成功var len = $(#len).attr(value，111)；alert(len)。

input type=file name=url是一个上传标签，只能通过用户手动点击选择路径，浏览器禁止通过代码来更改它的value值。试想一下，如果代码可以随意更改用户上传的文件，那对用户来说岂不是特别的危险，所以这样的安全机制存在是非常合理的。

相关问答

Q1: 能不能用jquery改变form表单内元素的name值

设置属性/值 设置被选元素的属性和值。语法 (selector).attr(attribute，value)attribute 规定属性的名称。value 规定属性的值。

首先，创建一个新的html文件，如下图所示。其次，创建一个表单，如下图所示。接着，单击创建按钮，如下图所示。然后，预览效果如下图所示。随后，引入jquery.js，如下图所示。接着，点击按钮jQuery隐藏所有 type=checkbox 的 input 元素，如下图所示。

可以用jquery的attr函数获取button里面的name值。

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时使用。

Q2: jquery怎么给span赋值?

1、将你写的这段代码 放到 $(function(){}) 里面吧。

2、val()和text()其实是对控件的这2个属性的set操作。innerText对dom对象的作用效果也类似。html()方法按说对div和span都是有效的，你检查下all[0]是否有值。一般情况下改写或者填充dic和span的内容，以下2种写法都可以 document.getElementById(s1).innerHTML = 值；(#s1).html(值)。

3、带一个jquery对象参数，动态添加dom元素，车。

Q3: 使用jquery怎么根据ID给元素赋值

1、新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。然后把输入框和按钮的css样式写好。

2、需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码：$(#a).val(测试赋值本文)；。浏览器运行index.html页面，此时input被成功赋值了“测试赋值文本”。

3、jquery 给input赋值val(val)，val(val)是jquery函数，最容易混淆的是获取input的函数是val()，区别非常小，一个是带参数，一个是不带参数。 代码示例：，$(#user).val()； 清空ID为user的值，在登录时在文本框内用文字提示用户输入的代码。

4、通过语句：document.getElementById(id).value进行赋值。创建如下实例代码：打开浏览器运行，此时在页面上的显示效果如下：继续创建一个赋值函数如下，将其绑定到之前创建的button上。属性页面，然后点击按钮，触发事件，此时页面的效果如下，完成赋值。

5、.attr(value， 123)这里的value是指元素节点上的属性值，即DOM节点上的属性值；而$.val(123)是input的属性值，当其value值被赋值时则是通过setter方法定义的。例如： 这个value=2和input的value值是两个概念。

Q4: 如何用jquery动态修改元素的display属性

1、使用css()方法来设置某一个元素的display属性，代码如下：bodytest$(function(){$(#div1).css(display，none)；})以上代码中使用$(#div1)选择器选择到div元素，然后使用css方法来设置其display值为none将元素隐藏。

2、(#money1).show()；//显示 })； 需要动态改变文本框的css样式，display属性值为block则显示，为none为隐藏。

3、jquery中用attr()方法来获取和设置元素属性，attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。①、attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。

4、jquery 选择器能够查找display：none的元素，查找方法为：首先开始新建html文件。创建h、p、div、ul、li等标签和内容。接下来需要开始引入jquery.js。设置所有元素背景颜色。其预览效果如图所示。设置所有display：none的元素字体颜色。最后的预览效果如图。

jquery修改元素值的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery修改元素内容、jquery修改元素值的信息别忘了在本站进行查找喔。