jquery的一些实用方法

Posted 2022-12-02 _oldzhang

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")可以调用扩展的方法，$不可以调用。