jQuery常用方法

1、常用方法
1》filter（） ———— 过滤 （得到具有每一特征的元素）

    $("div").filter("#a").css("background","yellow");//所有div里面找到id为a的div

2》not（）———– 和filter( )相反

    $("div").not("#a").css("background","yellow");//所有div里面找到id不为a的div

3》has( ) —————- 找到含有某特征的元素（注意和filter( )的区别，是找到含有）

    $("div").has("#b").css("background","yellow");//内部含有id=a子元素的元素被选取

4》next( ) ———–下一节点
prex( ) —————上一节点

5》find( ) ————–从某一父集里面找到某一类元素

    $('body').find('#c').css("background","yellow");//body下面id为c的变色

6》eq( )————-类似于数组的下表

7》index( )————索引–在其父集下的位置

8》attr( )—————设置或返回被选元素的属性值

    $('#a').attr("id",'');// 

9》addClass( ) removeClass( ) —————-添加移除class

10》width() innerWidth() outerWidth() ————— 普通 加padding 加padd加border

11》insertBefore() before()
insertAfter() after()
appendTo() append()
prependTo() prepend() ————————-前后区别：后续操作不同

12》remove( ) ————————–删除节点

     $('div').remove();

13》on() off()
优点1：可以添加自定义事件
优点2：可以同时添加多个事件

     $('div').on('click mouseover',function(){
         alert(1234);
         });

利用jason分别添加事件

     $('#a').on({
         click : function(){
             alert(123);
             },
        mouseover : function(){
            alert(456);
            }
         })

通过off( )来取消事件

     $('#a').on('click mouseover',function(){
         alert(123);
         $('#a').off('click');
         });

14》ev pageX which
pageX ( )———————相对于文档的位置（可是去加上滚动条）
which( ) ——————— 键盘的键值

15》preventDefault( ) ————————阻止默认事件
stopPropagation() ————————阻止冒泡
return false ———————— 即阻止默认事件 又阻止冒泡

16》one( ) —————– 事件只执行一次

17》offset( ) —————— 获取到屏幕的左距离
position( ) —————– 到有定位的父集的left、top值

18》offsetParent() ————- 获取有定位的父元素

19》each( ) ——————-循环

$('div').each(function(i,elem){
    $(elem).html(i);
    })

20》hover( ) ———————- 鼠标移入移出
show() hide() ———————- 显示隐藏（可以接受参数-时间）
fadeIn() fadeOut() ——————-淡入 淡出
fadeTo() —————-透明度的改变
slideDown() slideUp() ————— 卷曲、展开