大家好呀,这里是阿凉,我又来写博客咯,今天给大家讲一下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设置一个别名。