📌  相关文章
📜  jQuery-实用工具

📅  最后修改于: 2020-10-23 08:20:47             🧑  作者: Mango

jQuery在$（name space）的形式中提供了服务器实用程序。这些方法有助于完成编程任务。一些实用程序方法如下所示。

$ .trim（）

$ .trim（）用于删除开头和结尾的空格

$.trim( "    lots of extra whitespace    " );

$ .each（）

$ .each（）用于遍历数组和对象

$.each([ "foo", "bar", "baz" ], function( idx, val ) {
   console.log( "element " + idx + " is " + val );
});
 
$.each({ foo: "bar", baz: "bim" }, function( k, v ) {
   console.log( k + " : " + v );
});

可以在选择上调用.each（）来迭代选择中包含的元素。 .each（）而不是$ .each（）应该用于遍历选择中的元素。

$ .inArray（）

$ .inArray（）用于返回数组中某个值的索引；如果该值不在数组中，则返回-1。

var myArray = [ 1, 2, 3, 5 ];
 
if ( $.inArray( 4, myArray ) !== -1 ) {
   console.log( "found it!" );
}

$ .extend（）

$ .extend（）用于使用后续对象的属性来更改第一个对象的属性。

var firstObject = { foo: "bar", a: "b" };
var secondObject = { foo: "baz" };
 
var newObject = $.extend( firstObject, secondObject );
 
console.log( firstObject.foo ); 
console.log( newObject.foo );

$ .proxy（）

$ .proxy（）用于返回始终将在提供的范围内运行的函数，即，将传递的函数内部的含义设置为第二个参数

var myFunction = function() {
   console.log( this );
};

var myObject = {
   foo: "bar"
};
 
myFunction(); // window
 
var myProxyFunction = $.proxy( myFunction, myObject );
 
myProxyFunction();

$。浏览器

$ .browser用于提供有关浏览器的信息

jQuery.each( jQuery.browser, function( i, val ) {
   $( "
" + i + " : " + val + "" )
   .appendTo( document.body );
});

$ .contains（）

如果第二个参数提供的DOM元素是第一个参数提供的DOM元素的后代（无论是直接子元素还是嵌套更深），则$ .contains（）用于返回true。

$.contains( document.documentElement, document.body );
$.contains( document.body, document.documentElement );

$ .data（）

$ .data（）用于提供有关数据的信息

现场演示
jQuery.data demo
      
   
    
   
      

         The values stored were 
            and

输出如下

The values stored were 25 and tutorials

$ .fn.extend（）

$ .fn.extend（）用于扩展jQuery原型

现场演示

它提供如下所示的输出-

$ .isWindow（）

$ .isWindow（）用于识别窗口

现场演示

      jQuery.isWindow demo
      
   
    
   
      Is 'window' a window?

它提供如下所示的输出-

$ .now（）

它返回代表当前时间的数字

(new Date).getTime()

$ .isXMLDoc（）

$ .isXMLDoc（）检查文件是否为xml

jQuery.isXMLDoc( document )
jQuery.isXMLDoc( document.body )

$ .globalEval（）

$ .globalEval（）用于全局执行javascript

function test() {
   jQuery.globalEval( "var newVar = true;" )
}
test();

$ .dequeue（）

$ .dequeue（）用于执行队列中的下一个函数

现场演示

      jQuery.dequeue demo

它提供如下所示的输出-