码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2019-03-08 09:37:32      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:comment   display   abi   res   jquer   color   赋值   osi   选择   

选择器

技术图片

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

标签:comment   display   abi   res   jquer   color   赋值   osi   选择   

原文地址:https://www.cnblogs.com/mljqqh/p/10493735.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!