码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 小结

时间:2018-07-04 17:38:26      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:简化编程   默认   代码   不能   .text   选择器   结构   就是   prototype   

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标签,其中有3lihtml结构如下:

   <ul id="myul">

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

    <li>缺心眼子</li>

    <li>鼠标垫子</li>

  </ul>

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

5. Jquery优势

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

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

出色的DOM封装

可靠的事件处理机制   

出色的浏览器兼容性

使用隐式迭代简化编程

丰富的插件支持

Jquery 小结

标签:简化编程   默认   代码   不能   .text   选择器   结构   就是   prototype   

原文地址:https://www.cnblogs.com/SFHa/p/9264122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!