JQuery获取与设置HTML元素的内容或文本的实现代码
2016-04-25 14:06
711 查看
先来看看演示效果:
欢迎访问脚本之家PHP教程
脚本之家PHP教程
简单易懂的JavaScript魔法
简单易懂的JQuery魔法
此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:
?
如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置p元素的HTML代码,可以使用如下代码:
?
注意:html()方法可以用于XHTML文档,但不能用于XML文档。
此方法类似于JavaScript中的innerText属性,可以用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:
?
与html()方法一样,如果需要为某元素设置文本内容,那么也需要传递一个参数。例如对p元素设置文本内容,代码如下:
?
要注意下面两点:
1.JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.
2.text()方法对HTML文档和XML文档都有效。
欢迎访问脚本之家PHP教程
脚本之家PHP教程
简单易懂的JavaScript魔法
简单易懂的JQuery魔法
html()方法
此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,可以这样:?
?
text()方法
此方法类似于JavaScript中的innerText属性,可以用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:?
?
1.JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.
2.text()方法对HTML文档和XML文档都有效。
相关文章推荐
- jQuery与Ajax
- jQuery事件
- jQuery操作DOM元素
- jQuery表单选择器
- jQuery过滤选择器
- jQuery-基础选择器
- jquery中的页面加载方法load()
- JQuery中eq()和get()的区别
- JQuery iframe页面通过parent方法操作父页面中的元素与方法(实例讲解)
- Jquery实现自己的回调函数
- jquery 格式化系统时间
- jquery跨域问题
- 解决jquery与zepto等其它库冲突兼容的问题
- PHP语言 -- jquery
- jquery学习02(效果)
- 简易的输入框字数计数 Jquery组件
- 把DOM对象转换为jQuery对象
- 很实用的jQuery事件 - toggle() 方法
- jQuery.extend 函数详解
- jquery 语法