jquery笔记

 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.addEventListener 21             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);