认识jquery 入口函数和$区别

你的名字 2022-07-14 00:39 181阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-1.11.1.js"></script>
        <script>
    //-------------------------------什么是jquery------------------------------------
            //原生js
            //        window.onload = function () {
            //            var btn = document.getElementsByTagName("button")[0];
            //            var divArr = document.getElementsByTagName("div");
            //
            //            btn.onclick = function () {
            //                for(var i=0;i<divArr.length;i++){
            //                    divArr[i].style.display = "block";
            //                    divArr[i].innerHTML = "明日中秋！";
            //                }
            //            }
            //        }
    
            //jquery版
    //        $(document).ready(function () {
    //            //获取元素
    //            var jQbtn = $("button");//根据标签名获取元素
    //            var jQdiv = $("div");//根据标签名获取元素
    //            //绑定事件
    //            jQbtn.click(function () {
    //                //事件驱动程序
    //        //                jQdiv.show(1000);//显示盒子。
    //        //                jQdiv.html("tomorrow中秋！");//设置内容
    //                jQdiv.show(3000).html(1111);
    //                //1.链式编程。  2.隐式迭代。
    //
    //            });//事件绑定是通过方法绑定的。
    //        });
    
    
    //---------------------------------------------------入口函数------------------------------------//
            //jquery的入口函数。  文档加载完毕，图片也加载完毕的时候在执行这个函数。
                $(window).ready(function () {
                            alert(1);
                        })
    
    //--------------------------------------------------jquery和$的区别----------------------------//
    //        没区别
            console.log($);
            console.log(jQuery);
            console.log($===jQuery);
            //        jQuery("");
    
            jQuery(document).ready(function () {
                alert(1);
            });
        </script>
    </head>
    <body>
    
    </body>
    </html>