jQuery文本值相关操作
Posted supercwen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery文本值相关操作相关的知识,希望对你有一定的参考价值。
html:给div设置值和获取值,会解析html标签
text:给div设置值和获取值,不会解析html标签
val:获取input里的值
代码如下
<html> <head> <title></title> </head> <style> div{ width:100px; height:100px; background:red; margin-bottom:40px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $(‘.cHtml‘).html(‘<p>我是学生</p>‘) //会把p标签给解析出来,然后我是学生内容添加到div上 console.log($(‘.cHtml‘).html()) //$(‘.cHtml‘).html()取出div里的内容
$(‘.cText‘).text(‘<p>我是学生</p>‘) //不会解析标签,会把标签直接添加到div上
console.log($(‘.cText‘).text()) //$(‘.cText‘).text()取出div里的内容
$(‘input‘).val(‘124‘) //给input框里设置值
console.log($(‘input‘).val()) }) //取出input框的值
</script>
<body>
<div class="cHtml"></div>
<div class="cText"></div>
<input />
</body>
</html>
效果图
以上是关于jQuery文本值相关操作的主要内容,如果未能解决你的问题,请参考以下文章