js框架复习.txt

1简述window.onload和$(document).ready()在执行时机，编写个数及简化写法三方面的不同

2什么是jQuery对象？jQuery 对象就是通过jQuery包装DOM对象后产生的对象。

3如何把DOM对象转成jQuery对象？对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象) ，转换后就可以使用 jQuery 中的方法了

4如何把jQuery对象转成DOM对象 ？(1) jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的DOM对象

(2) jQuery本身提供，通过get(index)方法，得到相应的DOM对象

5DOM 操作的分类:三类DOM Core: HTML DOM，CSS-DOM:

6调用 jQuery 对象的 attr() 方法来获取它的各种属性值, text()方法来获取它的文本节点的值，val ()方法来获取表单元素的value值

7读取和设置jQuery 对象某个元素中的 HTML 内容: html()

8创建一个<p>元素, 可以使用 $(“<p/>”) 或 $(“<p></p>”), 但不能使用 $(“<p>”) 或 $(“<P>”)

9clone(): 克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为.

clone(true): 复制元素的同时也复制元素中的的事件

10wrapAll(): 将所有匹配的元素用一个元素来包裹. 而 wrap() 方法是将所有的元素进行单独包裹.

wrapInner(): 将每一个匹配的元素的子内容(包括文本节点)用其他结构化标记包裹起来

11过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头

12匹配所有的不可见元素$(”:hidden”)

13nth-child(3n): 能选取每个父元素下的索引值是 3 的倍数 的元素

14nth-child(3n + 1): 能选取每个父元素下的索引值是 3n + 1的元素

15nth-child(even/odd): 能选取每个父元素下的索引值为偶(奇)数的元素

16$(”input:enabled”) 返回值 集合元素

说明: 匹配所有可用元素

17checked 用法: $(”input:checked”) 返回值 集合元素

说明: 匹配所有选中的被选中元素(复选框、单选框等，

18:selected 用法: $(”select option:selected”) 返回值 集合元素

说明: 匹配所有选中的option元素

19利用 jQuery 对象的 length 属性获取多选框选中的个数

20利用 jQuery 对象的 text() 方法获取下拉框选中的内容

21匹配的元素进行特定的事件绑定: bind()

22当使用 one() 方法时，每个元素只能运行一次事件处理器函数。

23trigger() 方法触发被选元素的指定事件类型。

24live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

25hover(): 模拟光标悬停时间. 当光标移动到元素上时, 会触发指定的第一个函数, 当光标移出这个元素时, 会触发指定的第二个函数.

26fadeOut() 会在指定的一段时间内降低元素的不透明度, 直到元素完全消失. fadeIn() 则相反.会在指定的一段时间内增加元素的不透明度, 直到元素完全显示.

27slideDown() 方法时, 这个元素将由上至下延伸显示. slideUp() 方法正好相反, 元素由下至上缩短隐藏.

28 slideToggle(): 通过高度变化来切换匹配元素的可见性.

29 fadeTo(): 把不透明度以渐近的方式调整到指定的值(0 – 1 之间).

30 animate() 方法执行 CSS 属性集的自定义动画。

30 关闭页面上所有的动画。

jQuery.fx.off = true;

31Ajax是一种允许浏览器与服务器通信而不刷新当前页面的技术

32AJAX 组成

1.表示　　　　　　HTML+CSS

2.动态显示和交互DOM

3.数据交互和操作　XML

4.异步数据获取　　XMLHttpRequest

5.处理数据　JavaScript

33 ajaxError(callback)AJAX 请求发生错误时执行函数。

34AJAX 请求开始时执行函数 ajaxStart(callback)

35追加样式: addClass()

移除样式: removeClass() --- 从匹配的元素中删除全部或指定的 class

切换样式: toggleClass() --- 控制样式上的重复切换.如果类名存在则删除它, 如果类名不存在则添加它.

判断是否含有某个样式: hasClass() ---

36

常用的遍历节点方法

取得匹配元素的所有子元素组成的集合: children(). 该方法只考虑子元素而不考虑任何后代元素.

取得匹配元素后面紧邻的同辈元素的集合(但集合中只有一个元素): next()

取得匹配元素前面紧邻的同辈元素的集合(但集合中只有一个元素): prev()

取得匹配元素前后所有的同辈元素: siblings()

37

$("div>.test") <div><p class="test"></p></div>对这里的p段落标签有效.但对 <div><p><p class="test"></p></p></div>对这里的p段落标签无效,这里要用 $("div .test)

38

基本选择器

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素

$("div") 选择所有的div标签元素，返回div元素数组

$(".myClass") 选择使用myClass类的css的所有元素

$("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass")

改变 id 为 one 的元素的背景色为 红色

$("#one").css("backgroundColor","red");

改变元素名为 <p> 的所有元素的背景色为 # bbffaa，字体颜色为红色

$("p").css({color:"red",backgroundColor:"#bbffaa"});

改变第一个<p>元素的背景色为红色

$("p").eq(0).css("backgroundColor","red");

改变所有<h1>元素和 id 为 one 的元素的背景色为 # bbffaa

$("h1,#one").css("backgroundColor","#bbffaa");

39

40

DOM 操作的三个分类及作用:

DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML

HTML DOM: 使用 JavaScript 和 DOM 为 HTML 文件编写脚本时,　有许多专属于 HTML-DOM 的属性

CSS-DOM:针对于 CSS 操作, 在 JavaScript 中, CSS-DOM 主要用于获取和设置 style 对象的各种属性

41动画中与显示和隐藏相关的三对方法，含义和区别

42 如何实现节点的创建，删除，使用什么方法。

43apped与after的区别。

44,平时做的四个实验，重点看

所有考试必须1小时15分钟后再交卷，不能提前交卷