jq工具类函数

1.获取浏览器的的名称和版本号  $.browser.chrome    $.browser.version

$.browser对象可以获取浏览器的名称和版本信息，如$.browser.chrome为true，表示当前为Chrome浏览器，$.browser.mozilla为true，表示当前为火狐浏览器，还可以通过$.browser.version方式获取浏览器版本信息。

 $(function () {
                var strTmp = "您的浏览器名称是：";
                if ($.browser.chrome) { //谷歌浏览器
                    strTmp += "Chrome";
                }
                if ($.browser.mozilla) { //火狐相关浏览器
                    strTmp += "Mozilla FireFox";
                }
                strTmp += "<br /><br /> 版本号是：" //获取版本号
                      strTmp+=$.browser.version
                $(".content").html(strTmp);
            });

2.检测浏览器是否属于W3C盒子模型  $.support.boxModel

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

 $(function () {
                var strTmp = "您打开的页面是：";
                if ($.support.boxModel) { //是W3C盒子模型
                    strTmp += "W3C盒子模型";
                }
                else { //是IE盒子模型
                    strTmp += "IE盒子模型";
                }
                $(".content").html(strTmp);
            });

3.检测对象是否为空  $.isEmptyObject(obj)

 $(function () {
                var obj = { "姓名": "土豪一族" };
                var strTmp = "您定义了一个：";
                if ($.isEmptyObject(obj)) { //检测是否为空
                    strTmp += "空对象";
                }
                else {
                    strTmp += "非空对象";
                }
                $(".content").html(strTmp);
            });

4.检测对象是否为原始对象  $.jsPlainObject(obj)

 $(function () {
                var obj = "null";
                var obj_a={};
                var obj_b=new Object();
                var strTmp = "您定义了一个：";
                if ($.isPlainObject(obj_b)) { //检测是否为原始对象
                    strTmp += "原始对象";
                }
                else {
                    strTmp += "非原始对象";
                }
                $(".content").html(strTmp);
            });

$.isPlainObject(obj_b) //原始对象
$.isPlainObject(obj_a) //原始对象
$.isPlainObject(obj) //非原始对象

5.检测两个节点的包含关系  $.contains (container, contained);

参数container表示一个DOM对象节点元素，用于包含其他节点的容器，contained是另一个DOM对象节点元素，用于被其他容器所包含。

$(function () {
                var node_a = document.body.firstChild;
                var node_b = document.body;
                var strTmp = "对象node_a";
                if ($.contains(node_b,node_a)) { //检测是否包含节点
                    strTmp += " 包含 ";
                }
                else {
                    strTmp += " 不包含 ";
                }
                strTmp += "对象node_b";
                $(".content").html(strTmp);
            });

//对象node_a 包含 对象node_b

6.字符串操作函数 $.trim(str)

能删除字符串中左右两边的空格符，但该函数不能删除字符串中间的空格 

$(function () {
                $("#btnShow").bind("click", function () {
                    $(".tip").html("");
                    var strTmp = "内容：";
                    var strOld = $("#txtName").val();
                    var strNew =$.trim(strOld);
                    strTmp += strOld;
                    strTmp += "<br/><br>除掉空格符前的长度："
                    strTmp += strOld.length;
                    strTmp += "<br/><br>除掉空格符后的长度："
                    strTmp += strNew.length;
                    $(".tip").show().append(strTmp);
                });
            });

7.URL操作函数 $. param (obj);

通过调用工具函数$.param()可以将一个对象进行序列化并编码成可以在地址栏中直接执行的URL字符串。

param和serialize的区别是什么？前者是对任意的参数进行URL地址格式的转换，而后者仅属于form提交的数据转换。

$(function () {
                //基本信息对象
                var objInfo = new Object();
                objInfo.name = "white";
                objInfo.sex = 1;
                //序列化对象
                var objNewInfo =$.param(objInfo);
                //显示序列化后的对象
                var strTmp = "<b>对象 白富美 序列化后</b>：<br/><br/>";
                strTmp += objNewInfo;
                //显示在页面中
                $(".tip").show().append(strTmp);
            });


//对象 白富美 序列化后：

//name=white&sex=1

8.$. extend ({options});

//自定义一个用于返回两个数中最大值的插件，并在页面中将插件返回的最大值显示在页面中
(function ($) {
                $.extend({
                    "MinNum": function (p1, p2) {
                        return (p1 > p2) ? p2 : p1;
                    }
                });
                
            })(jQuery);
            
            $(function () {
                $("#btnShow").bind("click", function () {
                    $(".tip").html("");
                    var strTmp = "17与18中最小的数是："+$.MinNum (17, 18);
                    //显示在页面中
                    $(".tip").show().append(strTmp);
                });
            });