认识jquery 入口函数和$区别

最新推荐文章于 2023-11-01 20:33:44 发布

约德尔蒙

最新推荐文章于 2023-11-01 20:33:44 发布

阅读量1.9k

点赞数

分类专栏： JQuery（以及源码解读）

本文链接：https://blog.csdn.net/gyq04551/article/details/53262409

版权

JQuery（以及源码解读）专栏收录该内容

23 篇文章 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>

约德尔蒙

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
认识jquery 入口函数和$区别

//-------------------------------什么是jquery------------------------------------ //原生js // window.onload = function () { // var btn = document.getElementsByTagN
复制链接

扫一扫