您的位置：首页 > Web前端 > JQuery

认识jquery 入口函数和$区别

2016-11-21 18:54 288 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

认识jquery 入口函数 和$区别

认识jquery 入口函数和$区别