原文链接:http://www.nowamagic.net/librarys/posts/jquery/23

html()方法

此方法类似于JavaScript中的innerHTML属性,能够用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,能够这样:

1 var p_html = $("p").html(); //获取p元素的HTML代码 

假设须要设置某元素的HTML代码,那么也能够使用该方法,只是须要为它传递一个參数。比如要设置p元素的HTML代码,能够使用例如以下代码:

1 //设置p元素的HTML代码
2 $("p").html("欢迎您訪问简明现代魔法图书馆~~"); 

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

text()方法

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

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

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

1 // 设置p元素的文本内容
2 $("p").text("欢迎您訪问简明现代魔法图书馆~~");   

要注意以下两点:

  1. JavaScript中的innerText属性并不能在Firefox浏览器下执行,而jQuery的text()方法支持全部的浏览器.
  2. text()方法对HTML文档和XML文档都有效。
显示好友列表时,在显示好友名字的<p></p>元素中设置:<p id="p${friend.friendId}"></p>,这样js文件就能够动态获取<p></p>元素的id,并顺利通过text()方法赋值$("#p"+userId).text(name);    

js获取并设置lt;pgt;lt;/pgt;的显示的值。相关推荐

  1. 通过js获取PHP设置的cookie(全实例讲解)

    制作网页我们通常都要做一个登陆界面,如果对于不是安全性要求很高的网站,这个登录界面我我们当然不希望频繁输入账户密码来验证身份,我们想要的是只要一次验证,就可以长时间保持登陆状态. session虽然可 ...

  2. 怎么修改html行内样式表,原生JS获取及设置CSS样式-1.行内样式

    面试中,应该会经常被问到样式的写法以及如何使用原生JS获取及操作样式的问题吧,让我给大家总结一下~ HTML中样式的写法不外乎以下四种方式 行内样式 假装有内容 head内部样式 div { widt ...

  3. js获取和设置DIV元素class值的方法

    web页面中,利用js动态的改变div元素的class属性的值,可以实现很多的动态效果.比如动态修改div元素的背景颜色,改变字体的颜色等等.这篇文章就来说一说,javascript 如何获取和设置d ...

  4. 原生js获取和设置页面垂直滚动高度

    最近想用原生js实现一些交互效果,以下代码是返回顶部按钮要用到的一个方法:获取和设置页面垂直滚动高度,如果用jq可以简单实现,用原生js,其实就是要多考虑浏览器的兼容性: /*** 获取&&a ...

  5. js获取和设置属性的方法

    代码如下: function square(num){     var total = num*num;//局部变量     return total; } var total = 50;//全局变量 ...

  6. js获取页面URL地址并判断URL是否包含具体值

    本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jquery没有自己相关的函数,使用js 的windows方法来获取,相关方法如下: ...

  7. js获取宽度设置thickbox百分比

    thickbox的宽高不好设为百分比,这样遇到不同的尺寸的电脑就会出现问题. 怎么做呢? 通过js来处理. <script type="text/javascript"> ...

  8. js 获取与设置cookie

    获取cookie const getCookie = (key: string = '') => {if (!key) return undefinedconst allCookies = do ...

  9. JS获取、设置、移除元素属性的操作

  10. Js获取下拉框当前选择项的文本和值

    https://blog.csdn.net/qq_37272886/article/details/78974200 转载于:https://www.cnblogs.com/Andrew520/p/9 ...

最新文章

  1. Neo4j和Titan的对比
  2. 一凌网抢攻在线市场 移动办公引领管理新热潮
  3. 应付账款账龄分析模板_超全的财务会计表单模板分享
  4. C语言课程学籍管理课程书面报告,C语言学籍管理系统课程设计报告书
  5. js 数组移除_JS某些封装方法
  6. LeetCode 1860. 增长的内存泄露(等差数列)
  7. fcpx插件:Beautiful Slideshow - 时尚简洁图片幻灯片开场
  8. 简便 or 缺陷?Python 内置函数大揭秘!| 技术头条
  9. Redis的使用原理
  10. Eclipse/NSight解决办法:unsolved inclusion stdio.h/map/string/queue/list
  11. [IOS]使用UIScrollView和UIPageControl显示半透明帮助蒙板
  12. 用命令行netsh修改windows的ip、网关、dns
  13. ERROR: HHH000388: Unsuccessful: create table
  14. wiresshark抓包
  15. ‘vue‘ 不是内部或外部命令,也不是可运行的程序或批处理文件
  16. 电子设计教程18:射极跟随电路的参数设计
  17. 二维码图片如何快速生成
  18. 【Solidity】5.表达式和控制结构 - 深入理解Solidity
  19. 切勿妄谈Hadoop,以及4个数据管道打造实践
  20. python实现马科维茨模型的资本市场线_均值方差模型与资本市场线

热门文章

  1. 了解KVM切换器的四种类形
  2. 【微信小程序学习笔记02理解与初始准备】【实战天气微信小程序】
  3. POJ 1392 Ouroboros Snake
  4. 项目管理工具 | 软件开发项目管理软件
  5. 中国混合现实产业调研分析及发展战略研究报告2021-2027年版
  6. 本地用微信测试公众号开发对接微信支付思路
  7. 学校计算机教室学生使用记录表,学校学生信息技术教学计划
  8. 八国离线谷歌卫星影像地图内网发布
  9. windows10安装MySQL8.0
  10. 本学期在实验室的收获