Jquery 小结

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封装

可靠的事件处理机制

出色的浏览器兼容性

使用隐式迭代简化编程

丰富的插件支持

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

时间: 2024-10-01 06:32:10

Jquery 小结的相关文章

jquery小结

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码.$(document).ready() 方法允许我们在文档完全加载完后执行函数$(document).ready(function(){ // jQuery methods go here... }); 简写:$(function(){ // jQuery methods go here... }); ------------------------------------------------------------------

jQuery小结3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

jQuery小结8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

jquery小结测试题

1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has() 答案: $(div:has(span))     获取的是div下的span标签,而不是span标签下的文本内容! $("div span"); 2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是? 答案: $("li:la

JQuery小结(转)

一.页面加载 JQ的页面加载比JS要快,当整个dom树结构生成完毕后就会加载 JQ页面加载不存在覆盖问题,加载的时候是顺序执行 JQ的页面加载最简写的方式为: $(function(){ alert("显示页面加载内容"); }) //对比JS的页面加载为: window.onload = function(){ alert("显示页面加载内容"); } 二.JQ的获取 <script type="text/javascript" src=

jQuery小结5

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title>

jQuery小结7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

jQuery小结6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

jQuery小结1

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title>