jQuery
Posted mljqqh
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery相关的知识，希望对你有一定的参考价值。
选择器
toggle() 方法切换元素的可见状态。
如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
this
load方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" id="but1" value="点击获取服务器的值" onclick="a()">
<input type="text" id="aaa">
<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" id="but1" value="点击获取服务器的值" onclick="a()">9
<input type="text" id="aaa">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 id="div1"></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 id="div1"></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 id="div1"></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 id="div1"></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的主要内容，如果未能解决你的问题，请参考以下文章
markdown 在WordPress中使用jQuery代码片段