JQuery小技巧（实例）
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
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
