小天

摘要： JQuery中的事件和动画1.JQuery中的事件 1.1 加载DOM 以浏览器装载文档为例，在页面加载完毕后，浏览器为通过JavaScript为DOM元素添加事件。JQuery用$(document).ready()来代替JavaScript中的window.onload方法。两者具有以下区别： -1. 执行时机 window.onload是在网页中所有的元素(包括元素的关联文件)完全加载到浏览器后才执行，即JavaScript此时才可以访问网页中的任何元素。 $(document).ready()在DOM完全就绪时就可以被调用。 显然，把网页解析为DOM树的速度要比把网页中的所有关联文件加 阅读全文

摘要： JQuery中的DOM操作引子 DOM: Document Object Model，文档对象模型，一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组件。1．DOM操作的分类1.1 DOM Core（核心） 适用任何适用标记语言编写出来的文档，如HTML、XML。 JavaScript中的getElementId(),getElementsByTabName(),getAttribute()和setAttribute()等都是DOM Core的组成部分1.2 HTML-DOM 提供简明的记号来描述各种HTML元素的属性。 如： document.forms// el 阅读全文

摘要： JQuery选择器1. 基本选择器选择器 描述 返回 示例 #id id选择器 单个 $("#orderId") .class 类选择器 集合 element 元素选择器 集合 * 匹配所有元素 集合 $("*") selector1,selector2,...selectorN 将每一个选择器匹配到的元素合并后返回 集合 $("div,span,p.myClass")返回所有div，span和class为myClass的p标签的一组元素 2. 层次选择器 选择器 描述 返回 示例 $("ancestor descendan 阅读全文

摘要： JQuery对象引子JQuery对象就是通过JQuery包装普通的DOM对象后产生的对象1. JQuery对象与DOM对象两者的方法不一样，不可以混用$(“#textId”).html();//JQuery方法 document.getElementById("testId").innerHTML;//DOM方法 2. JQuery对象与DOM对象互换 2.1 JQuery 对象→DOM对象 2.1.1 Index方法 var$cr = $("#cr");//JQuery object varcr = $cr[0];//DOM object，可以直接使用 阅读全文