视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JQuery获取与设置HTML元素的内容或文本的实现代码_jquery
2020-11-27 21:24:49 责编:小采
文档

先来看看演示效果:

欢迎访问脚本之家PHP教程

  • 脚本之家PHP教程
  • 简单易懂的JavaScript魔法
  • 简单易懂的JQuery魔法
  • 如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置p元素的HTML代码,可以使用如下代码:

    //设置p元素的HTML代码
    $("p").html("欢迎您访问脚本之家~~"); 
    

    注意:html()方法可以用于XHTML文档,但不能用于XML文档。

    text()方法

    此方法类似于JavaScript中的innerText属性,可以用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:

    var p_text = $("p").text(); //获取p元素的文本内容 
    

    与html()方法一样,如果需要为某元素设置文本内容,那么也需要传递一个参数。例如对p元素设置文本内容,代码如下:

    // 设置p元素的文本内容
    $("p").text("欢迎您访问脚本之家教程~~"); 
    

    要注意下面两点:

    1.JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.
    2.text()方法对HTML文档和XML文档都有效。

    下载本文
    显示全文
    专题