Jquery 小结

Posted 2020-11-21

1. 名词解释

   实例对象：var p1=new Person();  p1就是实例对象

   构造:function Person(){}

   原型对象：在 javascript 中，每当定义一个对象（函数也是对象）时候，对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性，这个属性指向函数的原型对象。补充：每个对象都有 __proto__ 属性，但只有函数对象才有 prototype 属性

  原型对象和构造的关系

在默认情况下，所有的原型对象都会自动获得一个 constructor（构造函数）属性，这个属性（是一个指针）指向 prototype 属性所在的函数（Person）

Person.prototype.constructor == Person

还有下面的这个关系

person1.constructor == Person

   原型链：原型对象也是简单的对象并且可以拥有它们自己的原型。如果一个原型对象的原型是一个非null的引用，那么以此类推，这就叫作原型链。

 

 

2. 关于firstChild的问题

firstChild：返回节点的第一个子节点

小Tip：需要考虑兼容性问题：如下写法，可以兼容主流5大浏览器

 

 顺序不能颠倒

3. 关于节点类型

接口	nodeType常量	nodeType值	备注
Element	Node.ELEMENT_NODE	1	元素节点
Text	Node.TEXT_NODE	3	文本节点
Document	Node.DOCUMENT_NODE	9	document
Comment	Node.COMMENT_NODE	8	注释的文本
DocumentFragment	Node.DOCUMENT_FRAGMENT_NODE	11	document片断
Attr	Node.ATTRIBUTE_NODE	2	节点属性

4. 在页面上有个ul标签，其中有3个li，html结构如下：

   <ul id="myul">

    <li id="first">骆驼祥子</li>

    <li>缺心眼子</li>

    <li>鼠标垫子</li>

  </ul>

  请通过js代码在ul内部末尾处添加一个li节点

5. Jquery优势

体积小，压缩后只有100KB左右

强大的选择器   ：Jquery 50%   选择器

出色的DOM封装

可靠的事件处理机制   

出色的浏览器兼容性

使用隐式迭代简化编程

丰富的插件支持