怎么用jquery获取<P>文本的内容<p>中的文字信息

jquery提供了三个获得内容的方法有 text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选。

获取label的文本$("label#userid")html(); // 也可以实现。

获取label标签内的所有html标记，一般情况改下labe。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口，具有高效灵活的css选择器，并且可对CSS选择器进行扩展，拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

用jQuery的html方法可以获得某个元素中的内容 ，如果元素是html标签，则可以获得页面的全部内容：例如：

$(document)ready(function(){

var html_str=$("html")html();

alert(html_str);

});

上面代码可以获得页面的全部内容。（当然要先导入jQuery）

1、新建一个html文件，命名为testhtml，用于讲解。

2、在testhtml文件内，在p标签内，使用a标签创建一个链接，同时设置id为mylink，主要用于下面通过该id获得a对象。

3、在testhtml文件内，给a标签添加title属性，属性值为“这是测试的链接”。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得title内容”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getitle（）函数。

6、在js标签内，创建getitle()函数，在函数内，通过id(mylink)获得a对象，使用attr()方法获得title属性值，即title的内容，最后，使用alert()方法将获得的内容输出。

7、在浏览器打开testhtml文件，点击按钮，查看实现的效果。

JQuery提供以下两个方法可以读取节点中的内容：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

注意二者在获取内容上的区别，实例演示如下:

1、HTML结构

<div id="test"><i>示例文字</i></div>

<input type="button" id="btn1" value="获取text">

<input type="button" id="btn2" value="获取html">

2、jquery代码

$(function(){

$("#btn1")click(function() {

alert($("#test")text());

});

$("#btn2")click(function() {

alert($("#test")html());

});

});

3、效果演示

1、新建html文档，在body标签中添加p标签，然后在head标签中引入jQuery文件：

2、在body标签中添加script标签，用jQuery选择器获取p标签，然后用html方法获取标签里面的内容并将结果输出：

3、用浏览器打开html文档，打开浏览器的控制台，可以看到标签中的内容已经被获取到了：

jQuery 中使用 text() 或者 html() 函数可以获取td的内容：

$("td")text();   // 或者 $("td")html();

二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。

下面实例演示：点击按钮后获取所有选中行的td单元格的内容

1、HTML结构

<table id = "test">

    <tr><td><input type="checkbox" name="test"></td><td>1</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>4</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>7</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>10</td></tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

    $(":button")click(function() {

        str = $(":checkbox:checked")map(function() {

            return $(this)parent()siblings('td')text();  // 根据checkbox定位到后面的td，然后使用text()函数获取内容

        })get()join(", ");   // 获取内容数组并拼接为字符串

        alert(str);   // 输出

    });

});

3、效果演示

以上就是关于怎么用jquery获取<P>文本的内容</p>中的文字信息全部的内容，包括:怎么用jquery获取<P>文本的内容</p>中的文字信息、怎么通过js或者jquery获取一个页面里面的内容、jquery如何获得a标签内title中部分内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！