温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery中常用方法示例

发布时间:2020-12-03 10:13:32 来源:亿速云 阅读:104 作者:小新 栏目:web开发

这篇文章主要介绍了jquery中常用方法示例,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

 jQuery中的常用方法有add方法用于添加元素,not方法移除指定集合,map方法匹配元素返回新对象,each方法遍历数组或对象,append方法在元素结尾添加内容等等

(1)add()方法

$("selector").add(selector1[,context]);

add()方法是向匹配元素集合中添加selectior1元素,其中selector1元素可以是一个jQuery对象、DOM对象以及HTML标签。而可选参数context是指定要插入上下文的位置。该方法与not()方法的作用相反

(2)not()方法

$("selector").not(expr);

not()方法用于在匹配selector元素集合中移除指定的集合,expr可以是一个选择器或者是一个函数,若为选择器则在selector集合中移除符合expr的集合;若expr为一个函数,则只有当该函数返回true时才会移除当前索引对应的jQuery对象

(3)map()方法

$("selector").map(callback(index,domElement)); 

map()方法用于将当前匹配元素集合中的每一个元素传入回调函数中,并返回一个新的jQuery对象。相当于通过该方法重组匹配集合内容。其中index是元素索引,domElement是当前索引对应的jQuery对象。

(4)each()方法

$.each(object,callback(indexInArray,valueOfElement));

each()方法用于遍历object数组或对象 ,其中callback是回调函数。这个方法需要注意$.each()方法可以遍历所有的的数组,而$("selector").each(function(){});只能遍历jQuery对象数组

(5)extend()方法

$.extend(target,object1);

extend()方法表示将两个或多个对象的内容合并到第一个对象target中,以实现第一个对象的扩展并返回被修改的对象

(6)append()方法

$(selector).append(content)

append() 方法主要用于在被选元素的结尾插入指定内容

(7)delegate()方法

$(selector).delegate(childSelector,event,data,function)

delegate方法主要用于给添加的元素添加响应事件,其中childSelector 表示附加事件处理程序的一个或多个子元素;event表示附加到元素的一个或多个事件,由空格分隔多个事件值。必须是有效的事件。data是一个可选参数,用于传递到函数的额外数据

(8)isEmptyObject()方法

$.isEmptyObject(object);

isEmptyObject()方法用于判定一个对象是否为空,即该对象内不包含任何属性,若为空返回true

感谢你能够认真阅读完这篇文章,希望小编分享jquery中常用方法示例内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI