日期:2014-05-16 浏览次数:20343 次
1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构。 CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人。 JavaScript :一个人的灵魂,使一个人具备了生命,让它动起来了。 2 jQuery的基础 2.1 jQuery对象引用 jQuery = window.jQuery = window.$ = function( selector, context ) {...} 在jQuery库内还有两个_$和_jQuery用来备份原先导入的库,备以后使用noConflict()交还使用权。 2.2 jQuery的prototype引用 jQuery.fn = jQuery.prototype = {init:function(){...}, ...} jQuery.fn.init.prototype = jQuery.fn; 2.3 继承:目标对象是当前对象this。 jQuery.extend = jQuery.fn.extend = function() {...} 2.4 插件机制:主要是扩展jQuery的对象的prototype。 利用jQuery.extend和jQuery.fn.extend来进行扩展。 // 用于扩展jQuery对象本身,相当于静态方法。 jQuery.extend(); // 用于扩展jQuery的对象,相当于为每一个jQuery对象多扩展了。 jQuery.fn.extend(); 3 选择器 jQuery使用CSS和XPATH的选择器。 3.1 基本 #id // 通过ID选择 element // 通过标签选择 .class // 通过class选择 * // 选择所有元素 selector1, selector2, selectorN // 多个选择的合并 3.2 层级 ancestor descendant // 父元素下匹配所有后代元素 parent > child // 父元素下匹配所有子元素(下一层) prev + next // 匹配所有紧接在prev元素后的next元素 prev ~ siblings // 匹配prev元素之后的所有siblings元素 3.3 简单 :first // 匹配找到的第一个元素 :last // 匹配找到的最后一个元素 :not(selector) // 从选中的集合中去除selector的集合 :even // 匹配所有索引值为偶数的元素,从0开始计数。 :odd // 匹配所有索引值为奇数的元素,从0开始计数。 :eq(index) // 匹配一个给定索引值的元素,从0开始计数。 :gt(index) // 匹配大于给定索引值的所有元素 :lt(index) // 匹配小于给定索引值的所有元素 :header // 匹配如h1,h2,h3的标题元素 :animated // 匹配所有正在执行动画效果的元素 3.4 内容 :contains(text) // 匹配包含给定文本的元素 :empty // 匹配不包含子元素或者文本的空元素 :has(selector) // 匹配的集合中含有selector的集合 :parent // 匹配含有子元素或者文本的元素 可见性 :hidden // 匹配所有不可见的元素(hidden或者"display:none") :visible // 匹配所有可见的元素 3.5 属性 // 注意:jQuery1.3废弃的前导符@。 [attribute] // 匹配包含属性attribute的元素 [attribute=value] // 匹配包含属性attribute=value的元素 [attribute!=value] // 匹配属性值attribute不等于value的元素 [attribute^=value] // 匹配属性值是以value开始的元素 [attribute$=value] // 匹配属性值是以value结束的元素 [attribute*=value] // 匹配属性值包含value的元素 [selector1][selector2][selectorN] // 指多个属性匹配多满足的元素 3.6 子元素 :nth-child(index/even/odd/equation) // 匹配其父元素下的第N个子或奇偶子元素,从1开始计数。 :first-child // 匹配第一个子元素 :last-child // 匹配最后一个子元素 :only-child // 匹配只含有一个子元素的子元素 3.7 表单 :input // 匹配所有input, textarea, select, button元素 :text // 匹配所有text :password // 匹配所有password :radio // 匹配所有radio :checkbox // 匹配所有checkbox :submit // 匹配所有submit按钮 :image // 匹配所有image :reset // 匹配所有reset :button // 匹配所有button :file // 匹配所有file :hidden // 匹配所有hidden或者"display:none" 3.8 表单对象属性 :enabled // 匹配所有可用的元素 :disabled // 匹配所有不可用的元素 :checked // 匹配所有选中的元素(复选框、单选框、不包含select) :selected // 匹配所有选中的option元素 4 核心 4.1 jQuery核心函数 jQuery(expression, [context]) // 在全局范围或者context范围(Dom或jQuery)内选择 jQuery(html, [lownerDocument]) // 根据HTML创建jQuery对象 jQuery(elements) // 将Dom对象创建为jQuery对象 jQuery(callback) // $(document).ready()的缩写 4.2 jQuery对象访问 each(callback) // 遍历jQuery选择的对象 // callback参数有两