jQuery小技巧(二)

7.判断元素是否存在

$(function(){
        if($('#id').length){
            alert('y');
        }
    })

8.点击div跳转

<div id="id">
    <a href="http://www.baidu.com"></a>
    click here
</div>

<script type="text/javascript">
    $("#id").click(function(){
        window.location = $(this).find("a").attr("href");
        return false;
    })

9.根据浏览器大小添加样式

   $(function(){
       checkWinSize();
       $(window).resize(checkWinSize);
   })

   function checkWinSize(){
       if($(window).width()>980){
           $('body').removeClass("small");
           $('body').addClass("large");
       }else{
           $('body').removeClass("large");
           $('body').addClass("small");
       }
   }

10.设置div在屏幕中央

 $(function(){
        jQuery.fn.center = function(){
            this.css("position","fixed");
            this.css("top",($(window).height()-this.height())/2+$(window).scrollTop()+"px");
            this.css("left",($(window).width()-this.width())/2+$(window).scrollLeft()+"px");
            return this;
        }
        $("#XY").center();
    })

11.创建自己的选择器

<script type="text/javascript">
    $(function(){
        $.extend($.expr[':'],{
            moreThan500px : function(a){
                return $(a).width()>500;
            }
        });
        $('.box:moreThan500px').click(function(){
            alert("nice!");
        })
    })
</script>
<div style="width: 800px;" class="box">dadadadadada</div>
<div style="width: 300px;" class="box">xiaoxiaoxiaoxiao</div>

12.关闭所有动画

 $(function(){
        jQuery.fx.off = true ;
    })

 

posted @ 2015-12-20 21:42  superChicken  阅读(144)  评论(0编辑  收藏  举报