jQuery的设计模式

这篇博客介绍了jQuery的设计模式,包括如何获取和操作元素、链式操作的实现、元素创建与移动、属性修改。jQuery使用了无需new的构造函数、重载、闭包、getter/setter、别名和适配器等设计模式。
摘要由CSDN通过智能技术生成

大家好呀,这里是阿凉,我又来写博客咯,今天给大家讲一下jQuery的设计模式。

首先我们要知道什么是jQuery

1.jQuery是一个不需要加new的构造函数

2.jQuery不是常规意义上的构造函数

3.jQuery对象代指由jQuery函数构造出来的对象

接下来我们需要知道jQuery是如何操作的

1. jQuery 如何获取元素

jQuery('#xxx')//返回值并不是元素,而是一个api对象
jQuery('#xxx').find('red')//查找#xxx里的.red元素
jQuery('#xxx').parent()//获取夫元素
jQuery('#xxx').children()//获取子元素
jQuery('#xxx').siblings()//获取同类元素
jQuery('#xxx').index()//获取元素所在位置(从0开始)
jQuery('#xxx').next()//获取下一个元素
jQuery('#xxx').prev()//获取上一个元素
jQuery('red').each(fn)//遍历所有元素,并对每个元素执行fn

大家可以看到上面的jQuery操作每次都需要打出jQuery这个单词,显得非常麻烦,那有没有简便一点的方法呢?有的!

window.$ = window.jQuery //我们可以在开头加上写句话,给jQuery设置一个别名。

2. jQuery 的链式操作是怎样的

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值