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);