选择器
toggle() 方法切换元素的可见状态。
如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
this
load方法
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body><input type="button" value="点击获取服务器的值" ><input type="text" ><script src="../js/jquery-1.11.0.js"></script><script> ???function a() { ???????$("#but1").load("/ServletTest",function (responseText) { ???????????$("#aaa").val(responseText); ???????}) ???}</script></body></html>20
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<title>Title</title>
6
</head>
7
<body>
8
<input type="button" value="点击获取服务器的值" >
9
<input type="text" >
10
<script src="../js/jquery-1.11.0.js"></script>
11
<script>
12
function a() {13
$("#but1").load("/ServletTest",function (responseText) {14
?
15
$("#aaa").val(responseText);16
?})
17
?}
18
</script>
19
</body>
20
</html>
赋值显示
get()
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body><div ></div><script src="../js/jquery-1.11.0.js"></script><script> ???$.get("/ServletTest?username=mljqqhq",function (data,status) { ???????$("#div1").html(data+status);//data是服务器响应的数据 ???????????})</script></body></html>18
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<title>Title</title>
6
</head>
7
<body>
8
<div ></div>
9
<script src="../js/jquery-1.11.0.js"></script>
10
<script>
11
$.get("/ServletTest?username=mljqqhq",function (data,status) {12
$("#div1").html(data+status);//data是服务器响应的数据13
14
?})
15
</script>
16
?
17
</body>
18
</html>
post()
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body><div ></div><script src="../js/jquery-1.11.0.js"></script><script> ???$.post("/ServletTest",{"username":"mljqqhpost"},function (data,status) { ???????$("#div1").html(data+status);//data是服务器响应的数据 ???????????})</script></body></html>?x
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<title>Title</title>
6
</head>
7
<body>
8
<div ></div>
9
<script src="../js/jquery-1.11.0.js"></script>
10
<script>
11
$.post("/ServletTest",{"username":"mljqqhpost"},function (data,status) {12
$("#div1").html(data+status);//data是服务器响应的数据13
14
?})
15
</script>
16
?
17
</body>
18
</html>
ajax()
$.ajax({ ???????????????url:"/ajaxDemo", ???????????????data:{"name":"哈哈哈","age":4}, ???????????????async:true, ???????????????type:"GET", ???????????????dataType:"text", ???????????????success:function (succRes) { ???????????????????alert(succRes); ???????????????}, ???????????????error:function (errorRes) { ???????????????????alert("出现异常了") ???????????????} ???????????});x
1
$.ajax({2
url:"/ajaxDemo",
3
data:{"name":"哈哈哈","age":4},4
async:true,
5
type:"GET",
6
dataType:"text",
7
success:function (succRes) {8
alert(succRes);
9
?},
10
error:function (errorRes) {11
alert("出现异常了")12
?}
13
?});
jQuery
原文地址：https://www.cnblogs.com/mljqqh/p/10493735.html