jQuery -> 获取/设置HTML或TEXT内容

jQuery提供了两个API可以直接用来为元素添加内容。

  1. html()
  2. text()

其中html()是为指定的元素添加html内容

text()是为指定的元素添加文本内容

两者的区别在于,text中的内容是纯文本,不会被解析为html

如果要对如下html代码进行操作

<body>
<p></p>
</body>

使用html()

$('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');

页面效果为

Hello World, I am a <p> element.



如果使用text()

$('p').text('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');

页面效果为

<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.

jQuery -> 获取/设置HTML或TEXT内容,布布扣,bubuko.com

时间: 2024-10-14 00:19:43

jQuery -> 获取/设置HTML或TEXT内容的相关文章

jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

jQuery获取Select选择的Text和 Value

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

jQuery获取Select选择的Text和 Value(转)

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)

jQuery 获取Select选择的Text和 Value

jQuery获取Select选择的Text和Value:语法解释:    1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发    2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text    3. var checkValue=$(&

jquery获取&lt;div&gt;&lt;/div&gt;之间的内容.text() 和 .html()区别

jQuery 获取 div 之间的内容,有两种方法,$(selector).text().$(selector).html() . html: <div> <p>test</p> </div> $("div").text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 . $("div").html() 得到的是 <p>test</p>,是 div 的所有内容,包括 h

jQuery获取Select选中的Text和Value,根据Value值动态添加属性等

语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select_id").val();  //获取Selec

jQuery获取Select选择的Text和Value(详细汇总)

语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select

转载JQuery 获取设置值,添加元素详解

转载原地址 http://www.cnblogs.com/0201zcr/p/4782476.html jQuery 获取内容和属性 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Document Object Model(文档对象模型) 获得内容 - text().html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法