JQuery笔记1

最新推荐文章于 2024-03-09 11:41:00 发布

jinangailiuzi

最新推荐文章于 2024-03-09 11:41:00 发布

阅读量52

点赞数

jinangailiuzi

本文链接：https://blog.csdn.net/y20190609/article/details/105245881

版权

一、JQuery

隐藏/显示内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery1</title>
    <script src="jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#btn1").click(function () {
                if ($("p").is(":hidden")) {
                    $("p").show();
                } else {
                    $("p").hide();
                }
            });
        });

    </script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button id="btn1" type="button">Click me</button>
</body>
</html>

// jQuery("#tanchuBg").css(“display”)
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")
$(“p”).toggle();// 隐藏/显示切换

ajax load无反应

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery3 AJAX</title>
    <script src="jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#btn1").click(function () {
                $("#p").load("a.txt");
            });
        });

    </script>
</head>
<body>
<h2>This is a heading</h2>
<p id="p1">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button id="btn1" type="button">Click me</button>
</body>
</html>