jQuery参考实例 1.15 获取、设定HTML源码片段
2013-03-31 13:38
316 查看
原文:
http://www.lifelaf.com/blog/?p=241
本文翻译自jQuery Cookbook (O’Reilly 2009) 1.15 Getting and Setting Text Content
运行上面的代码后,浏览器会在弹出的警告框中显示之前用html()方法设定的<p>元素中的内容。
http://www.lifelaf.com/blog/?p=241
本文翻译自jQuery Cookbook (O’Reilly 2009) 1.15 Getting and Setting Text Content
需求
获取或设定当前网页中的HTML片段。解决方案
jQuery提供了一个叫做html()的方法来获取或设定HTML元素的源码。下面的例子用该方法获取HTML文档中的<p>元素,并对该元素内的HTML源码进行设定,最后再进行访问:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p></p> <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script type="text/JavaScript"> jQuery('p').html('<strong>Hello World</strong>, I am a <em><p></em> element.'); alert(jQuery('p').html()); </script> </body> </html>
运行上面的代码后,浏览器会在弹出的警告框中显示之前用html()方法设定的<p>元素中的内容。
讨论
html()方法使用了DOM节点的innerHTML属性来访问、设定HTML片段。需要注意的是,该方法对于XML文档无效(但对于XHTML文档有效)。相关文章推荐
- jQuery参考实例 1.14 获取、设定、删除DOM元素的属性
- jQuery设置与获取HTML,文本和值的简单实例
- 实例112:获取某个指定网页的HTML源码
- jQuery参考实例 1.16 访问、设定HTML元素中的文本
- jQuery的ajax返回html类型不能获取片段html代码
- C#获取网页HTML源码实例
- jQuery设置与获取HTML,文本和值的简单实例
- jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm
- JS和jQuery通过this获取html标签中的属性值(实例代码)
- 锋利jquery----3-10设置和获取HTML,文本和值
- jquery获取css中的选择器(实例讲解)
- jQuery源码分析之实例find和filter方法的区别七问
- jQuery使用ajax跨域获取数据的简单实例
- javascript获取html标签的实例
- jQuery源码学习之三 (jQUery对象的实例属性和方法)
- jQuery基本选择器 (实例及表单域 value 的获取)
- 怎样用jQuery自带方法/函数来获取outerHTML属性
- 【jQuery源码】html,text,val
- Eureka 源码解析 —— 应用实例注册发现(六)之全量获取
- C#后台获取前台HTML控件值实例