实用JS与JQuery技巧-优快云博客

本文介绍了多个实用的JavaScript和JQuery技巧，包括如何引入JQuery库、禁用页面右键菜单、复制DOM元素、控制元素动画、检测浏览器类型、获取元素尺寸、延迟执行代码等功能。

JS小知识

引入网络位置Jquery代码：(当然如果你的网络能够连接上Google的服务器，也可以使用Google代码库的Jquery代码)

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>//从Jquery官方代码库，引入Jquery的代码

Jquery 禁用右键：

$(document).ready(function(){ 
    $(document).bind("contextmenu",function(e){ 
    return false; 
});

Jquery 克隆对象：

var cloned = $('#id').clone();

JQuery带滚动条元素内容的滚动：

$('html,body') .animate({scrollTop: targetOffset}, 900);//在900毫秒内滚动至targetOffset偏移量的距离
$("#content").scrollTop(0);//滚动至顶部

Jquery禁用动画效果：

jQuery.fx.off = true;

Jquery判断当前元素是否可见的一种方式：

$("#content").is(":visible");//is()中的参数可以是jquery的任意选择器

Jquery 动画的 dequeue()方法，将当前动画从动画堆列中移除并继续执行，同时新注册的动画不用等待当前动画也可以执行。

jquery 判断浏览器及版本：

$.browser.safari;
$.browser.opera;
$.browser.mozilla;
$.browser.msie && $.browser.version.indexOf("8")>=0;//判断版本

JQuery获取元素外边框的宽度值，并包括margin值：

$("#content").outerWidth(true);//参数为true时，该值会包含元素margin的值

Jquery按元素下标获取元素：

$(this).get(0);
$(this)[0];
//这两种写法等价

JS判断变量类型：

var position ;
if(position instanceof Object){};
if(typeof position == "string"){};
if(typeof position == "number"){};

JS中window.console的使用：

//为了防止浏览器不支持widow.console 最好提前写好如是代码，避免报错
window.console = window.console || {};
console.log = console.log || function () {};

//opera实现类似的console.log功能:
console.log || (console.log = opera.postError);

JS判断对象是否为空直接：if(obj){} 去判断就好

JS延时处理：

var scrollTimeout;
clearTimeout(scrollTimeout);
scrollTimeout=setTimeout(function(){
  //........//要延时处理的代码内容
},3000);