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