您的位置：首页 > Web前端 > JQuery

《jQuery从入门到精通》第二十五节 其他工具函数

2018-02-10 17:12 232 查看

8.4 其他工具函数

8.4.1 字符串trim操作.

【范例8-8  trim操作实例】
01  <!doctypehtml>
02  <html>
03  <head>
04     <metacharset="utf-8">
05     <title>trim操作实例</title>
06     <scriptsrc="jquery-1.9.1.js"></script>
07     <script>
08       $(function(){
09               alert($.trim("  hello jQuery  "));
10         });
11   </script>
12  </head>
13  <body>
14  </body>
15  </html>

8.4.2 判断函数

jQuery的判断函数中有以下几个：
jQuery.isArray()，该方法是检测是否为数组对象。
jQuery.isEmptyObject()，该方法是检测指定的对象是否为空。
jQuery.isFunction()，该方法是用来检测指定的参数是否为一个JavaScript函数。
jQuery.isPlainObject()，该方法是用来检查指定对象是否为普通对象。
jQuery.isWindow()，该方法是用于检查指定参数是否为一个window对象。
jQuery.isXMLDoc()，该方法是用于检查指定参数是否在一个XML文档内。
jQuery.isNumeric()，该方法是用于检查指定参数是否为一个数值。
【范例8-9  isNumeric()应用实例】
01  <!doctypehtml>
02  <html>
03  <head>
04     <metacharset="utf-8">
05     <title>判断函数实例</title>
06     <scriptsrc="jquery-1.9.1.js"></script>
07     <script>
08       $(function(){
09               alert($.isNumeric(16));
10       });
11   </script>
12  </head>
13  <body>
14  </body>
15  </html>
在浏览器运行效果如图8-8所示。

图8-8 提示框显示true

8.4.3 jQuery中的全局eval函数

 

8.4.4 制造一个空函数

jQuery制造空函数的方法是jQuery.noop()，该方法的作用是传递一个空函数。此为需要说明的一点事，jQuery.noop()方法在一些插件的的使用中作用很大，如果插件能够提供一个可选的回调函数，并且调用的时候没有传递回调函数，那么就可以用jQuery.noop()来替代。
实现语句为：
01 jQuery.noop = function(){};

8.4.5 检查结点包含关系 .

检查节点包含关系，在jQuery中要用到jQuery.contains()方法。具体一些就是判断一个DOM节点是否包含另一个DOM节点。
【范例8-10  jQuery.contains()实例】
01  <!doctypehtml>
02  <html>
03  <head>
04     <metacharset="utf-8">
05     <title>检查节点包含实例</title>
06     <scriptsrc="jquery-1.9.1.js"></script>
07     <script>
08       $(function(){
09               alert(jQuery.contains(document.documentElement,document.body));
10       });
11   </script>
12  </head>
13  <body>
14  </body>
15  </html>
运行效果如图8-9所示。

图8-9 提示框显示true

8.4.6 修改函数上下文

【范例8-11  jQuery.proxy()实例】
 
01  <!doctypehtml>
02  <html>
03  <head>
04     <metacharset="utf-8">
05     <title>修改函数上下文实例</title>
06     <scriptsrc="jquery-1.9.1.js"></script>
07     <script>
08       $(function(){
09           var name = "jQuery";
10           var obj = {
11                    name : "HellojQuery",
12                    test : function(){
13                             alert(this.name);
14                    }
15           };
16           $("#btn").click(jQuery.proxy( obj, "test" ));
17        });
18   </script>
19  </head>
20  <body>
21    <button id="btn">点击</button>
22  </body>
23  </html>
在浏览器运行效果如图8-10所示。

图8-10  提示框显示修改之后内容
 
 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航