jQuery自带的一些常用方法总结资源-CSDN文库

118 浏览量 2020-12-01 05:59:53 上传评论收藏 94KB PDF 举报

资源推荐

资源详情

资源评论

jQuery自带的一些常用方法总结自带的一些常用方法总结

本身方法（$.each,$.map,$.contains,$ajax）

常用工具方法常用工具方法

（（1））$.trim

$.trim方法用于移除字符串头部和尾部多余的空格。

代码如下:

$.trim(‘ Hello ‘) // Hello

（（2））$.contains

$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。

代码如下:

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

// true

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

// false

（（3））$.each，，$.map

$.each方法用于遍历数组和对象，然后返回原始对象。它接受两个参数，分别是数据集合和回调函数。

代码如下:

$.each([ 52, 97 ], function( index, value ) {

console.log( index + “: ” + value );

});

// 0: 52

// 1: 97

var obj = {

p1: “hello”,

p2: “world”

};

$.each( obj, function( key, value ) {

console.log( key + “: ” + value );

});

// p1: hello

// p2: world

需要注意的，jQuery对象实例也有一个each方法（$.fn.each），两者的作用差不多。

$.map方法也是用来遍历数组和对象，但是会返回一个新对象。

代码如下:

var a = [“a”, “b”, “c”, “d”, “e”];

a = $.map(a, function (n, i){

return (n.toUpperCase() + i);

});

// [“A0”, “B1”, “C2”, “D3”, “E4”]

（（4））$.inArray

$.inArray方法返回一个值在数组中的位置（从0开始）。如果该值不在数组中，则返回-1。

代码如下:

var a = [1,2,3,4];

$.inArray(4,a) // 3

（（5））$.extend

$.extend方法用于将多个对象合并进第一个对象。

代码如下:

var o1 = {p1:’a’,p2:’b’};

var o2 = {p1:’c’};

$.extend(o1,o2);

o1.p1 // “c”

$.extend的另一种用法是生成一个新对象，用来继承原有对象。这时，它的第一个参数应该是一个空对象。

代码如下:

var o1 = {p1:’a’,p2:’b’};

var o2 = {p1:’c’};

var o = $.extend({},o1,o2);

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余5页未读，立即下载

内容反馈

weixin_38655284

粉丝: 7
资源: 929

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip