jQuery入门

最新推荐文章于 2024-08-26 20:25:07 发布

chuncuoji8215

最新推荐文章于 2024-08-26 20:25:07 发布

阅读量64

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/1824375992/blog/2239937

版权

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>jQuery入门</title>
    <style>
        a.test {
            font-weight: bold;
        }
    </style>
</head>

<body>
    <a href="http://jquery.com/">jQuery</a>
    <script src="jquery.js"></script>
    <script>
        $("a").addClass("test");
        //将<a>中的元素加粗

        $("a").removeClass("test");
        //删除<a>中加粗的效果

        $(document).ready(function () {
            $("a").click(function (event) {
               alert("这个链接将不再把您带到jquery.com!");
               event.preventDefault();
            });
        });  
        //阻止点击的事件发生并弹出小窗口进行提示  

        $("a").click(function (event) {
            event.preventDefault();
            $(this).hide("slow");
        });
        //<a>中元素逐渐消失的特效

        $.get("myhtmlpage.html", myCallBack);
        //无参数的回调
        //当$ .get（）完成获取页面时myhtmlpage.html，它会执行该myCallBack()函数。
        //注意：这里的第二个参数只是函数名称（但不是字符串，没有括号）。

        $.get("myhtmlpage.html", function () {
            myCallBack(param1, param2);
        });
        //有参数的回调
        //当$.get()完成获取页面myhtmlpage.html，它执行的匿名函数，
        //它执行myCallBack( param1, param2 )
    </script>
</body>

</html>

转载于:https://my.oschina.net/1824375992/blog/2239937