码迷,mamicode.com
首页 > Web开发 > 详细

JQuery小技巧(实例)

时间:2015-04-21 18:37:32      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:关闭所有动画效果 元素是否存在 获取鼠标位置 回车提交表单 禁止右击

1、检测鼠标左键右键

$(document).ready(function(){

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

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

    })

});


2、关闭所有动画效果

$(document).ready(function(){

    JQuery.fx.off=true;

});


3、根据浏览器大小添加不同的样式

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


本文出自 “快樂·其實好簡單” 博客,请务必保留此出处http://1120173856.blog.51cto.com/2882946/1636545

JQuery小技巧(实例)

标签:关闭所有动画效果 元素是否存在 获取鼠标位置 回车提交表单 禁止右击

原文地址:http://1120173856.blog.51cto.com/2882946/1636545

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!