jquery的一些实用方法

1,获取浏览器类型与版本

使用$.browser,$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过                $.browser.version方式获取浏览器版本信息。

2,检测浏览器是否属于W3C盒子模型

浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型 不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel对象返回的值,为true则属于标准的w3c盒子模型。

3,检查节点的包含关系

调用名为$.contains的工具函数,能检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true,否则,返回false值,调用格式为:

$.contains (container, contained);

4,序列化js对象

调用名为$. param的工具函数,能使对象或数组按照key/value格式进行序列化编码,该编码后的值常用于向服务端发送URL请求

5,使用$.extend()扩展工具函数

调用名为$. extend的工具函数,可以对原有的工具函数进行扩展,自定义类级别的jQuery插件,调用格式为:$. extend ({options});

<span style="white-space:pre">	</span>(function ($) {
                $.extend({
                    "MinNum": function (p1, p2) {
                        return (p1 > p2) ? p2 : p1;
                    }
                });
            })(jQuery);
            $(function () {
                $("#btnShow").bind("click", function () {
                    $(".tip").html("");
                    var strTmp = "17与18中最小的数是:";
                    strTmp +=$.MinNum(17, 18);
                    //显示在页面中
                    $(".tip").show().append(strTmp);
                });
            });
6,使用$.extend()扩展Object对象

除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式 为:$.extend (obj1,obj2,…objN);

7,jQuery.fn.extend(object)是对jQuery.prototype进得扩展,扩展后,jquery的实例如$("#id")可以调用扩展的方法,$不可以调用。

你可能感兴趣的:(jquery)