首页 > 代码库 > jQuery核心之那些有效的方法

jQuery核心之那些有效的方法

2024-07-14 00:52:24   220人阅读

jQuery提供了一些很有效的方法，这些方法都在$命名空间之下，对常规的编码很有帮助，完整的api详见：utilities documentation on api.jquery.com

$.trim()：删除多余的空格：
// Returns "lots of extra whitespace"
$.trim( "    lots of extra whitespace    " );

$.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 );
}); 

$.inArray()：从数组中找出元素的索引下标，未找到则返回-1：
var myArray = [ 1, 2, 3, 5 ];
 
if ( $.inArray( 4, myArray ) !== -1 ) {
    console.log( "found it!" );
}

$.extend()：用后一个参数的属性来改变前一个参数的相对应的属性，返回改变后的对象。
var firstObject = { foo: "bar", a: "b" };
var secondObject = { foo: "baz" };
 
var newObject = $.extend( firstObject, secondObject );
 
console.log( firstObject.foo ); // "baz"
console.log( newObject.foo ); // "baz"

 

如果你不想改变前一个参数的对应属性，可以一个空对象来实现：
var firstObject = { foo: "bar", a: "b" };
var secondObject = { foo: "baz" };
 
var newObject = $.extend( {}, firstObject, secondObject );
 
console.log( firstObject.foo ); // "bar"
console.log( newObject.foo ); // "baz" 

$.proxy()：返回一个总是运行在给定的环境中的函数。
var myFunction = function() {
    console.log( this );
};
var myObject = {
    foo: "bar"
};
 
myFunction(); // window
 
var myProxyFunction = $.proxy( myFunction, myObject );
 
myProxyFunction(); // myObject 

var myObject = {
    myFn: function() {
        console.log( this );
    }
};
 
$( "#foo" ).click( myObject.myFn ); // HTMLElement #foo
$( "#foo" ).click( $.proxy( myObject, "myFn" ) ); // myObject 












来自为知笔记(Wiz)


联系
我们