ser.mozilla) { //火狐相关浏览器 strTmp += "Mozilla FireFox"; } strTmp += "<br /><br /> 版本号是:" //获取版本号 +$.browser.version; $(".content").html(strTmp); }); </script> </body>
很简单的一点,但是,要注意,jQuery的方法,一般是$(),函数常常是$.(?)
11.2 检测浏览器是否属于W3C盒子模型
浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel 对象返回的值,检测浏览器是否属于标准的w3c盒子模型。
<body> <div id="divtest"> <div class="title"> <span class="fl">检测是否是盒子模型</span> </div> <div class="content"></div> </div> <script type="text/java script"> $(function () { var strTmp = "您打开的页面是:"; if ($.support.boxModel) { //是W3C盒子模型 strTmp += "W3C盒子模型"; } else { //是IE盒子模型 strTmp += "IE盒子模型"; } $(".content").html(strTmp); }); </script> </body>
11.3 检测对象是否为空
在jQuery中,可以调用名为$.isEmptyObject 的工具函数,检测一个对象的内容是否为空,如果为空,则该函数返回true,否则,返回false值,调用格式如下:
$.isEmptyObject(obj);
其中,参数obj表示需要检测的对象名称。
<body> <div id="divtest"> <div class="title"> <span class="fl">检测对象是否为空</span> </div> <div class="content"></div> </div> <script type="text/java script"> $(function () { var obj = { "姓名": "土豪一族" }; var strTmp = "您定义了一个:"; if ($.isEmptyObject(obj)) { //检测是否为空 strTmp += "空对象"; } else { strTmp += "非空对象"; } $(".content").html(strTmp); }); </script> </body>
11.4 检测对象是否为原始对象
调用名为$.isPlainObject 的工具函数,能检测对象是否为通过{} 或new Object() 关键字创建的原始对象,如果是,返回true,否则,返回false值,调用格式为:
$.isPlainObject (obj);
其中,参数obj表示需要检测的对象名称。
<body> <div id="divtest"> <div class="title"> <span class="fl">检测对象是否为原始对象</span> </div> <div class="content"></div> </div> <script type="text/java script"> $(function () { var obj = "null"; var strTmp = "您定义了一个:"; if ($.isPlainObject(obj)) { //检测是否为原始对象 strTmp += "原始对象"; } else { strTmp += "非原始对象"; } $(".content").html(strTmp); }); </script> </body>
11.5 检测两个节点的包含关系
调用名为$.contains 的工具函数,能检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true,否则,返回false值,调用格式为:
$.contains (container, contained);
参数container表示一个DOM对象节点元素,用于包含其他节点的容器,contained是另一个DOM对象节点元素,用于被其他容器所包含。
<body> <div id="divtest"> <div class="title"> <span class="fl">检测两个节点的包含关系</span> </div> <div class="content"></div> </div> <script type="text/java script"> $(function () { var node_a = document.body.firstChild; var node_b = document.body; var strTmp = "对象node_a"; if ($.contains(node_a,node_b)) { //检测是否包含节点 strTmp += " 包含 "; } else { strTmp += " 不包含 "; } strTmp += "对象node_b"; $(".content").html(strTmp); }); </script> </body>
11.6 字符串操作函数
调用名为$.trim 的工具函数,能删除字符串中左右两边的空格符,但该 |