用jquery怎么获取页面的特定内容

html-css012

用jquery怎么获取页面的特定内容,第1张

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")