JQuery中的text(),html()和val()区别
1.text()
该方法是拿到标签内的文本内容:
例子:
p标签内有一个b标签,b标签内文本内容为456
<p><b>456</b></p>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
alert($("p").text());
</script>
这里拿到的是456
2.html()
该方法拿到的是标签内的所有内容,包含标签
相同的例子:
<p><b>456</b></p>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
alert($("p").html());
</script>
3.val()
val主要用来获取input标签的value值
如果还是上面的例子,没有任何返回值
对于input标签案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" value="文本"/>文本1
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
alert($("input").val());
</script>
</body>
</html>
如果想拿到input后面的文本1,js怎么拿到input标签后面的文本