引用jQuery库笔记（1）

jQuery==$

调用jQuery 库 在页面加载后执行==DOMContentLoaded  

        $(function(){
            $('div').hide();  
        })


        $(document).ready(function(){
            $('div').hide();
        })

        DOM对象  var div=document.querySelector('div');

        jQuery对象  为伪数组对象     $('div');

        DOM对象只能使用原生 JavaScript方法 jQuery只能使用jquery方法

        $('ul li:first').css('background','skyblue');
        $('ul li:last').css('background','skyblue');
        $('ul li:eq(1)').css('background','skyblue');
        $('ul li').eq(1).css('background','skyblue');
        $('ul li:odd').css('background','skyblue');
        $('ul li:even').css('background','skyblue');

 

    返回nav包含的所有 p对象 包括儿子 孙子...       $('.nav').find('p').css('background','skyblue');

    $('.nav').hide(); 使nav隐藏  

    $('.nav').show();  使nav可见

链式编程

 设置类样式方法

                //删除类
                $(this).removeClass('div');
               //添加类
               $(this).addClass('div');
                //切换类 如果有该类则删除 如果没有该类则添加
               $(this).toggleClass('div');