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文本值相关操作
原文地址:https://www.cnblogs.com/superCwen/p/9886408.html