1             /******jquery  $.grep****/ 2             var arr=[1,2,3]; 3             $.grep(arr,function(n,i){
    //过滤返回一个新数组 4                 return n>2; 5             }); 6             console.log(arr); 7             /******jquery  $.map****/ 8             var arr=[1,2,3]; 9             $.map(arr,function(n,i){
    //映射新数组10                 return n+1;11             });12             console.log(arr);//[2,3,4]13             /******jquery $.Callbacks****/14             function aaa(){alert(1);}15             function bbb(){alert(2);}16             //once加参数让下面只触发一次,17             var cb=$.Callbacks("once");18             cb.add(aaa);19             cb.add(bbb);20             cb.fire();//先弹1再弹2,类似于绑定事件document.addEventListener21             cb.fire();

 

1            /******jquery  on****/ 2             $("#div").on({ 3                 "click":function(){alert(1);}, 4                 "mouseover":function(){alert(2);} 5             }); 6             /******jquery  one 只调用一次****/ 7             $("#div1").one("click",function(){alert(1);}) 8             /******jquery  off 取消绑定****/ 9             $("#div").off("click");10             /******jquery  filter  not 相反的两个包含方法****/11             $("div").filter(".box").css("width","100px");//包含12             $("div").not(".box").css("width","100px");//不包含13             /******jquery  has 当前操作(div)子级下否包含****/14             $("div").has(".box").css("width","100px");15             /******jquery  is 当前(div)是否包含，返回true false****/16             $("div").is(".box");17             /******jquery  closest  找当前元素最近的祖先节点****/18             $("div").closest(".box").css("width","100px");19             /******jquery  add  添加****/20             $("div").add("span").css("width","100px");21             /******jquery  parent 当前元素的父节点****/22             $("div").parent().css("width","100px");23             /******jquery  parents 获取所有祖先节点****/24             $("div").parents().css("width","100px");25             /******jquery  parentsUntil 获取所有祖先节点但截止到body就结束了,有两个参数****/26             $("div").parentsUntil("body").css("width","100px");27             /******jquery  remove detach 删除操作，两个的区别是前面删完所有功能都失效，后续添回去也没有之前功能，后者却有 ****/28             $("div").remove();29             $("div").detach();

 计算屏幕高度及滚动条跨度

$(window).scroll(function() {            var ht = $(window).height() + document.body.scrollTop;            $(".bgshade").height(ht);        });

 jquery操作css3

不包括第2个li // $(".boxcontent li:not(:nth-child(2))").append(html);