您的位置：首页 > Web前端 > JQuery

jQuery中的text()、html()和val()以及javascript中的innerText、innerHTML和value

2017-07-28 14:12 579 查看

*jQuery中设置或者获取所选内容的值：

text();设置或者获取所选元素的文本内容；
html();设置或者获取所选元素的内容（包括html标记）；
val();设置或者获取表单字段的值（前提是表单设置了value属性）；
(text()和html()的区别是：前者是处理的文本内容，只能写文本如果写了上面的标记则会以文本形式输出；后者可以解析文本中的html标记，就是你可以添加像<a></a>、<p></p>等标记，最后会解析为其效果。

)
*JavaScript中设置或者获取所选内容的值
同理innerText、innerHTML和value，
innerText和innerHTML都是将字符串放入hmtl标签中的一个函数

但是innerHTMl他可以解析hmtl标记

例如你放入一个<a>斯蒂芬</a>
如果在DIV中它里面就会出现一个带下划线的a元素；

但是innerText只支持普通字符串；
*具体代码如下：
jquery中：
<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js"></script>

<script>

$(document).ready(function(){

$("#btn1").click(function(){

alert("Text: " + $("#test").text());

});

$("#btn2").click(function(){

alert("HTML: " + $("#test").html());

});

});

</script>

</head>
<body>

<p id="test">这是段落中的<b>粗体</b>文本。</p>

<button id="btn1">显示文本</button>

<button id="btn2">显示 HTML</button>

</body>
</html>

javascript中：

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js"></script>

<script>

function getInnerHTML(){

alert(document.getElementById("btn1").value);

}

</script>

</head>
<body>

<p id="test">这是段落中的<b>粗体</b>文本。</p>

<button id="btn1" onclick="getInnerHTML()" >显示文本</button>

<button id="btn2">显示 HTML</button>

</body>
</html>

jQuery和JavaScript的区别总结：
*前者click事件是获取元素id

具体效果可以在w3cschool中自己试试。
文章转自：http://blog.csdn.net/u010865136/article/details/48708467

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript jquery

相关文章推荐

新的分享

章节导航