<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
//text()没参数 获取文本 不能获取标签 覆盖原有的内容
/*var $text = $('p').text();
console.log($text);*/
//给元素设置新文本
//text()有参数 则把参数设置成标签的新文本
/*$('p').text($text+'骗人的');*/
//html方法获取标签的文本:把标签中包裹的内容
原样获取，不会像text方法那样，只获取文本，不拿标签
/*var $html = $('p').html();
console.log($html);*/
//html方法设置标签的内容 可以直接添加新标签，新标签会被解析成对应的样式，而text方法只能设置文本，如果文本中嵌套有标签，标签会原样显示，而不会被解析在显示
/*$('p').html('一只<span style="color:red">乌鸦</span>口渴了');
$('p').text('一只<span style="color:red">乌鸦</span>口渴了')*/
//val方法可以获取用户在表单输入的值(表单元素的value属性值)
var $val = $('input').val();
console.log($val);
//val 方法可以设置表单元素的value的属性值
$('input').val('我是通过设置出啦的');
});
</script>
</head>
<body>
<p>威哥是个傻吊！！！！！！！！<span>自己说的</span></p>
<input type="text" name="" id="" value="hello word" />
</body>
</html>
