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

夺命雷公狗jquery---16文本与值的设置

2015-10-26 01:41 721 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.js"></script>
<script>
window.onload = function(){
$('#btnok')[0].onclick = function(){
//1.获取input表单的value值
//alert($('#content').val());

//2.获取div元素的值
alert($('#result').html());

//3.设置input 表单的value值
//$('#content').val('您想干嘛');

//设置div元素的值
//$('#result').html('test');

//5.获取div元素的text值
//alert($('#result2').text());

//通过text设置元素的值
$('#result').text('text');

//小结，通过.html（）设置别的元素标签时候是可以正常解析的
//如果采用的text的，那么他里面的标签并不解析，而是作为文本进行输出了
}
}
</script>
</head>
<body>
<input type="button" id="btnok" value="文本/值" />
<hr />
<input type="text" id="content" value="表单的value值">
<hr />
<div id="result">jquery文本与属性操作</div>
<div id="result2"><font size="5">jquery文本与属性操作2</font></div>
</body>
</html>

总结：1）什么时候使用html方法？什么时候使用val方法

答：在实际开发过程中，表单元素如input等情况通常使用val方法进行获取，对于如div、span等双标签元素通常采用html方法进行获取。

2）html方法与text方法区别

答：html方法与text方法对于节点中的文本获取两者都是一致，但是如果节点的内部具有子节点，那么html方法可以获取到子节点以及文本节点，而text方法只能获取文本节点。

html方法与text方法在节点设置时也有不同：html设置时，如果包含html标签，是可以正常解析的，而text方法会将其当做普通文本直接输出。

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

标签：

相关文章推荐

新的分享

章节导航