在前面两节中,第一节我们讲的是写入value、写入html、写入text,它们使用的语法是:
- 节点对象.val('数据');
- 节点对象.html('数据');
- 节点对象.text('数据');
复制代码
第二节清空时的语法是:
- 节点对象.val('');
- 节点对象.html('');
- 节点对象.text('');
复制代码
所以,取出数据的语法是:
- 节点对象.val();
- 节点对象.html();
- 节点对象.text();
复制代码
ok,非常简单,不过我们还是用代码测试看一下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>取源码 取文本 取value</title>
<script src="./jquery.js"></script>
</head>
<body>
<div id="box">
<input type="text" id="input_t" value="hello">
<span id="span2">这是span2</span>
<span id="span3"><b>这是span3</b></span>
</div>
</body>
<script>
var value=$('#input_t').val();
var text=$('#span2').text();
var html=$('#span3').html();
console.log(value,text,html);
</script>
</html>
执行结果如下:
|