📜  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
        
      
        
      
   

   
      
      

它提供如下所示的输出-