jQuery基本方法

jQuery基本方法二:
    1.获得/设置元素高度和宽度方法
        width();  设置宽度
        height(); 设置高度
        
        .width()          获得宽度
        .innerWidth()     获得宽度+内边距
        .outerWidth()     获得宽度+内边距+边框
        .outerWidth(true) 获得宽度+内边距+边框+外边距
        
        .height()          获得高度
        .innerHeight()     获得高度+内边距
        .outerHeight()     获得高度+内边距+边框
        .outerHeight(true) 获得高度+内边距+边框+外边距
        
    2.获得元素位置方法:    
        .offset().left   获取元素距离视口位置的左边距离  浏览器
        .offset().top    获取元素距离视口位置的右边距离  浏览器
        
        定位属性之后 子元素相对父元素的位置
        .position().left  //相对于父元素设置左边
        .position().top   //相对于父元素设置上边
        
    3.根据层级关系去选中元素:
        找子元素   找父元素   找兄弟元素
        $("div").find("p"); //找div找p元素  子元素 孙子元素......
        $("div p");         //找div找p元素  子元素 孙子元素......
        
        $("div").children("p"); //只在div中寻找子元素p 
        $("div>p");             //只在div中寻找子元素p 
        
        找父元素
        $("div").parent();     //找到div的父元素
        
        找平级(兄弟)元素:
        
        $("div").next();  //紧邻div的下一个元素
        $("div").prev();  //紧邻div的上一个元素
        
        $("div").nextAll();  //div的下面所有的元素
        $("div").prevAll();  //div的上面所有的元素
        
        $("div").siblings(); //所有的兄弟元素 不论前后
        
        
    4.jQuery事件:
        事件语法:
            $("元素选择器").事件名称(function(){
            
            });
            
        鼠标相关事件:
            
            .click()           点击事件
            
            .mousedown()       鼠标点击下去不松手触发
            .mouseup()         鼠标点击下去弹起时触发
            
            .mouseenter ()     鼠标进入元素内容时触发
            .mouseleave()      鼠标离开元素内容时触发
            
            .mouseover()       鼠标进入元素内容时触发
            .mouseout()        鼠标离开元素内容时触发
            
            .hover(function(){
                //鼠标进入操作
            },function(){
                //鼠标离开操作
            });
            
        方法:
            .show();   显示   
            .hide();   隐藏  display:none;