1、给特定内容包裹一个容器(div或者其他容器)标签
2、给容器一个id,或者一个特定的class以便于使用jquery的选择器获取到该容器
3、使用jquery选择器获取该容器,并获取该容器内的内容
<div id="content" >特定内容......
</div> $("#content").html()
$("#content").text()
$("#content").val()
1、html()
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
2.TEXT
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
3.VAL
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
jquery中使用.val(),取不到值,是设置错误造成的,解决方法如下:
1、首先新建一个HTML文档,指定<input>元素的ID,如下图所示。
2、然后编写JS脚本,根据ID选择元素,如下图所示。
3、接着使用.val()方法获取被选元素的value值。
4、以弹窗形式显示获取的input值。
5、最后保存文件,在浏览器查看结果,就完成了。
jquery设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML标记)
val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:
text()、html() 以及 val() 的回调函数
上面的三个 jQuery 方法:text()、html() 以及 val(),同样拥有回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 text() 和 html():
[JQuery]怎样获取和修改文本框的值:
文本框是指
表单中type 为text ,或者是hidden的标签。例如:[html] view plain copy
文本框:
<input type="text" value="text文本框" name="username" id="username"/><br/>
获取文本:
$("#username").val()
"text文本框"
或者
$("#username").attr("value")
"orangleliu"
设置文本:
$("#username").val("orangleliu")