理解 jQuery

写在最前之芳芳说

  • 1.只能用=== 和 !==

  • 2.=== 两个特例 : NaN 不等于 NaN 声明的对象不相等

    1. this 是 call 的第一个参数 尽量用call
    1. jQuery构造出来的,前面加 可以调用jQuery的api
    1. IE6 的公司没钱途 IE8 是好的 钱多的在做 手机端 谷歌 火狐

1.先封装两个函数

  • function getSiblings(node){}
  • function addClass(node, classes){}


    理解 jQuery_第1张图片
    28 1.png

2. 调用与命名空间

命名空间: 避免覆盖全局变量 别人知道谁的库

var dom = {}
dom.getSiblings(node)
dom.addClass(node, {a: true, b: false})
理解 jQuery_第2张图片
28 2.png

3. 能不能把 node 放在前面

  • node.getSiblings()
  • node.addClass()

方法一:扩展 Node 接口

直接在 Node.prototype 上加函数

理解 jQuery_第3张图片
28 3.png

方法二:新的接口 BetterNode

理解 jQuery_第4张图片
4.png

4. 把 Node2 改成jQuery

理解 jQuery_第5张图片
28 5.png

增加功能

理解 jQuery_第6张图片
28 6.png

根据获取和添加 来操作text

即把上面的getText 和 setText 合并


理解 jQuery_第7张图片
28 7.png

你可能感兴趣的:(理解 jQuery)