为什么alert() 都不生效

为什么alert() 都不生效的问题所在一！永远记不住！ 前端页面的script 标签必须是成对存在 否则不生效

实现一个简单的页面功能：

隐藏所有的div标签功能的实现：

			 var num =1;
            $("#hideBtn").click(function () {
                if(num==1){
                    $('div').hide();
                    num=2;
                }else {
                    $('div').show();
                    num=1;
                }
            })

能难到我的是第二个功能：
改变第一个div 的颜色：
百度了很多方法，一直没能成功，接近于答案的方法一 和真正成功的方法二：

$("#colorBtn").click(function () {
                //方法1
                // $("div").click(function(){
                //     $(this).css('background','red');
                // })
                //方法二
                document.querySelector('div:nth-of-type(1)').style.backgroundColor = '#f00';
            });

解释：querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。
" document.querySelector(‘div:nth-of-type(1)’)"表示返回div的 第一个元素标签。
注释：此文章仅作者惯犯错误，没有收集更多其他问题和解决办法。如有其他欢迎分享，共同进步。