jquery

 // window.onload事件：当页面资源加载完毕的时候触发，如果一个页面的资源过多，导致后面js加载不到，造成页面阻塞，用户体验不好
        
        // jquery里面封装一个ready函数当页面结构加载完毕之后触发的一个函数，可以把所有的js代码添加到这个事件中

        // ready函数的一种写法
        $(function(){
            // $是jquery提供的全局的对象 和jQuery对象是一个对象
            console.log($,jQuery)

            // 原生的对象
            // var p1 = document.getElementById("p1") 
            //  p1.style.color="red"
            //  console.log ($(p1)) //原生对象作为$()的参数就可以把原生dom对象转成jquery对象
             

            // jquery对象
            // $参数是选择器字符串
            console.log ($("#p1")[0]) //jquery转成原生的dom对象
            // $("#p1")[0].style.color="red"
            // css(样式,样式值) 设置样式 
            // 链式调用:jquery的大部分的方法调用完之后返回的是jquery对象，所以jquery对象又可以紧跟着调用其他方法
            $("#p1").css("color","red").css("font-size","100px")

            // jquery不建议找到元素之后赋值给其他变量 
            // var a =  $("#p1") 不建议写
        })

        // ready函数另外写法
        $(document).ready(function(){

        })