JQuery小技巧（實例）

1、檢測鼠標左鍵右鍵

$(document).ready(function(){

    $("#xy").mousedown(function(e){

        alert(e.which) //1=左鍵 2=中鍵 3= 右鍵

    })

});

2、關(guān)閉所有動畫效果

$(document).ready(function(){

    JQuery.fx.off=true;

});

3、根據(jù)瀏覽器大小添加不同的樣式

<script type="text/javascript">

$(document).ready(function(){

    function checkWindowSize(){

        if($(window).width()>1200){

            $('body').addClass('large');

        }else{

            $('body').removeClass('large');

       }

   }

    $(window).resize(checkWindowSize);

});

</script>

4、判斷元素是否存在

<script type="text/javascript">

$(document).ready(function(){

    if($("#xy").length){

        alert("元素存在");

    }else{

        alert("元素不存在");

    }

});

</script>

5、獲取鼠標位置

<script type="text/javascript">

$(document).ready(function(){

    $(document).mouseover(function(e){

            $("#xy").html("X:"+e.pageX+"| Y:"+e.pageY);

        }).mouseover();

    });

</script>

6、獲取選中的下拉框

$(document).ready(function(){

    $("element").find("option:selected");

    $("element option:selected");

});

7、回車提交表單

<script type="text/javascript">

$(document).ready(function(){

    $("input").keyup(function(e){

        if(e.which=="13"){

            alert("回車提交");

        }

    })

});

</script>

8、禁止右擊

<script type="text/javascript">

$(document).ready(function(){

    $(document).bind("contextmenu",function(e){

        return false;

    });

});

</script>