jQuery常用功能

jQuery的链式风格是什么?

让我们以代码来举例

$(document)  //选择整个文档对象
$('body')    //获取document.body,找到整个文档的body 
$('body').find('div').find('.blue').append('.red') 
// 在整个文档的body中,找到div,在div中找到了为blue的类,在blue的类添加一个子节点.red

看下图

对比

• 第一张图中: 先赋值给a,在赋值给b,在赋值给c,再从C中添加.red
• 第二张图中: 我们并没有赋值,是直接在里面书写,像锁链一样添加,一样能达到第一张图的效果,这个就是链式操作
  

选取元素，对其操作

jQuery 如何创建元素(增)

jQuery 如何删除元素(删)

jQuery 如何移动和修改元素(改)

jQuery 如何获取元素(查)

jQuery 特殊效果和常用工具

jQuery的设计模式

• 不用new的构造函数,这个模式没有专门的名字
• $(支持多种参数),这个模式叫做重载
• 用闭包隐藏细节,这个模式没有专门的名字
• $div.text()即可读也可写, getter / setter
• .prototype的别名,这叫别名
• jQuery针对不同浏览器使用不同代码,这叫适配器