jQuery实用的代码片段

发表于 | 分类于 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
//1.页面加载完之前执行，与嵌入的JS加载方式一样
(function($){
    alert("start");    
})(jQuery);
//2.页面加载完后执行
$(document).ready(function(){
    alert("jquery ready");
});
//3.页面加载完后执行
$(function(){
    alert("jquery onload");
});
//4.页面加载完后执行
jQuery(function($){
    alert("jquery ready");
});

//修改jQuery默认编码
$.ajaxSetup({
    ajaxSettings:{contentType:"application/x-www/form-urlencoded;charset=GB2312"}
});

//检查各种浏览器
//1.检查Safari：
(if($.browser.safari))
//2.检查IE6及之后版本：
(if($.browser.msie && $.browser.version>6))
//3.检查IE6及之前版本：
(if($.browser.msie && $.browser.version<=6))
//4.检查FireFox2及之后版本：
(if($.browser.mozilla && $.browser.version>='1.8'))

//选中页面上的所有复选框
var tog=false;
$("a").click(function(){
    $("input[type=checkbox]").attr("checked",!tog);
    tog=!tog;
});

//返回顶部代码
$(document).ready(function(){
    jQuery.scrollTo=function(scrollDom,scrollTime){
        $(scrollDom).click(function(){
            $('html,body').animate(
                {
                    scrollTop:$(scrollDom).offset().top
                },
                scrollTime
            );
            return false;
        });
    };
    $.scrollTo("a",1000);
})

//iframe高度自适应
$(document).ready(function(){
    $("iframe").load(function(){
        var vHeight=$(this).contents().find("body").height() + 32;
        $(this).height(vHeight<300?300:vHeight);
    });
});
<iframe src="1.html" frameborder="0" scrolling="no"></iframe>

//左右DIV自适应相同高度
function $(id){
    return document.getElementById(id);
}
function autoHeight(){
    if($("left").offsetHeight >= $("right").offsetHeight){
        $("right").style.height=$("left").style.height + "px";
    }else{
        $("left").style.height=$("right").style.height + "px";
    }
}
window.onload=function(){
    autoHeight();
}

//获取鼠标的位置
$(document).ready(function(){
    $(document).mouse(function(e){
        getScreenCoordinates(e);    //调用函数
    });
});
function getScreenCoordinates(e){
    //在屏幕中
    x=e.screenX;
    y=e.screenY;
    //在窗口客户区
    x=e.clientX;
    y=e.clientY;
    //在窗口页面中
    x=e.pageX;
    y=e.pageY;
    
    $("span").text("X:"+x+",Y:"+y+);
}