<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script>
$(function(){
$("#btn1").click(function(){
alert($("#in1").val("改变"));
});
// 带标签
$("#btn2").click(function(){
alert($("#d1").html());
$("#d1").html("我改变了内容");
});
//不带标签
$("#btn3").click(function(){
alert($("#d1").text());
});
});
</script>
</head>
<body>
<div id="d1">
<input type="text" value="input" id="in1"/>
我是div的内容
<span>我是span的内容</span>
</div>
<button id="btn1">取值1</button><button id="btn2">取值2</button><button id="btn3">取值3</button>
</body>
</html>
1.通过jq对象的val()来获取值,也可以改变value,相当于js中的document.getElementById(" ").value;
2.获取元素内容,如果有子元素保留标签 $("#d1").html("我改变了内容"); 有参数就相当于js中的innerHTML,没有参数就是获取元素内容
3.获取元素内容,不包含标签