jQuery入门:实用方法(Utility Methods)
2015-09-01 15:06
609 查看
jQuery 在
下面是一些实用方法的示例:
清除前后空格:
遍历数组和对象:
方法
返回数组中值的索引,值不在数组中的时候,返回-1:
用后面对象的属性来更改第一个对象的属性:
如果你不想更改任何你传给
返回一个函数,这个函数始终保持特定的作用域——就是说,设置
如果你有一个带有方法的对象,你可以传递这个对象和方法的名字来返回一个一直在这个对象范围内运行函数。
首先,你有一些方法来测试是否是一个特定类型的一个特定值。
此外,还有
一如既往的,更多更深入的说明,可以查看 API docs 。
原文地址
$命名空间提供了一些实用方法。这些方法为实现例行的程序编制任务提供帮助。要完整的参考jQuery的实用方法,请访问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 ); });
方法
.each()用在包装集中遍历包装集中包含的元素。
.each()不是
$.each(),只应用于遍历包装集中的元素。
$.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"
如果你不想更改任何你传给
$.extend()的对象,传一个空对象做第一个参数。
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()
返回一个函数,这个函数始终保持特定的作用域——就是说,设置this的意义在传递的第二个参数的函数范围内:
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
测试类型(Testing Type)
有些时候typeof操作符有些混乱或者不一致,因此,jQuery提供了一些实用方法来帮助确定一个值的类型。
首先,你有一些方法来测试是否是一个特定类型的一个特定值。
$.isArray([]); // true $.isFunction(function() {}); // true $.isNumeric(3.14); // true
此外,还有
$.type()用于检测内部类来创建一个值。你会发现这个方法是替代
typeof操作符的更好的选择。
$.type( true ); // "boolean" $.type( 3 ); // "number" $.type( "test" ); // "string" $.type( function() {} ); // "function" $.type( new Boolean() ); // "boolean" $.type( new Number(3) ); // "number" $.type( new String('test') ); // "string" $.type( new Function() ); // "function" $.type( [] ); // "array" $.type( null ); // "null" $.type( /test/ ); // "regexp" $.type( new Date() ); // "date"
一如既往的,更多更深入的说明,可以查看 API docs 。
原文地址
相关文章推荐
- JQuery+Json 省市区三级联动
- jquery常用函数与方法
- jquery 设置css样式
- jQuery的滚动悬停效果
- jQuery滚动顶部定位导航
- jQuery控制元素显示、隐藏、切换、滑动的方法
- jQuery 关键字搜索(自动完成效果,autocomplete)
- jQuery table行变色
- 根据<h*>标签JavaScript/jQuery自动生成文章目录(页面内导航)且平滑跳转
- 如何正确的使用jquery-ajax
- jQuery 操作table
- Jquery Mobile入门笔记
- jquery中event对象属性与方法小结
- jQuery实现带延迟的二级tab切换下拉列表效果
- jquery 常用函数集锦
- jquery操作复选框(checkbox)的12个小技巧总结
- jquery特效网
- jQuery Validate
- jquery 修改样式
- jquery 增删改查dom节点