欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS小知识

程序员文章站 2022-06-25 18:26:53
...

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