jQuery
jQuery是两个js库，完全免费开放源码功能强悍，提供更多了他们合作开发中常见到的操作方式DOM的API，化解了他们采用js操作方式DOM常碰到的许多难题，强悍的示例，精简他们的操作方式jQuery的特征：
a. 轻量级b. 富应用领域c. DOM操作方式、阿提斯鲁夫尔谷、体育运动动画电影、AJAXd. 跨应用领域程序（无须考量应用领域程序相容）e. 拉艾初始化f. 显式插值g. 多样的应用领域程序库 ………
jQuery基本上采用
官方网站浏览: https://code.jquery.com/主正式版3是不相容ie9以后的应用领域程序主正式版1是相容大部份应用领域程序导入jQuery
出口处表达式
缩写
和window.onload的区别
差别一：手写特征值相同
差别二：继续执行最佳时机相同
DOM第一类和jQuery第一类
jQuery第一类:
jQuery示例领到DOM第一类后又对其做了PCB，让其具备了jQuery方式的jQuery第一类，说到底，是把DOM第一类再次包装袋了呵呵。jQuery第一类转换为DOM第一类
第一种方式
// 此时就把jQuery第一类$btn转换成了DOM第一类btn1 （推荐采用此方式）第二种方式
DOM第一类转换为jQuery
采用$(domObject)包裹就能包装成两个jQuery第一类
jQuery示例
基本上示例
“#”
Id示例–示例$(“#btnShow”).css(“color”, “red”);选择id为btnShow的两个元素（返回值为jQuery第一类）
“.”
类示例–示例$(“.liItem”).css(“color”, “red”);选择含有类liItem的大部份元素
“element”
标签示例–示例$(“li”).css(“color”, “red”);选择标签名为li的大部份元素
“空格”
层级示例(后代选择器)–示例$(“#j_wrap li”).css(“color”, “red”);选择id为j_wrap的元素的大部份后代元素li
“>”
子代示例–示例$(“#j_wrap > ul > li”).css(“color”, “red”);选择id为j_wrap的元素的大部份子元素ul的大部份子元素li
基本上过滤示例
“:eq(index)”
选择匹配到的元素中索引号为index的两个元素，index从0开始–示例$(“li:eq(2)”).css(“color”, ”red”);选择li元素中索引号为2的两个元素
“:odd”
选择匹配到的元素中索引号为奇数的大部份元素，index从0开始–示例$(“li:odd”).css(“color”, “red”);选择li元素中索引号为奇数的大部份元素
“:even”
选择匹配到的元素中索引号为偶数的大部份元素，index从0开始–示例$(“li:odd”).css(“color”, “red”);选择li元素中索引号为偶数的大部份元素
筛选（方式）
find(selector)
查找指定元素的大部份后代元素（子子孙孙）–示例$(“#j_wrap”).find(“li”).css(“color”, “red”);选择id为j_wrap的大部份后代元素li
children()
查找指定元素的直接子元素（亲儿子元素）–示例$(“#j_wrap”).children(“ul”).css(“color”, “red”);选择id为j_wrap的大部份子代元素ul
siblings()
查找大部份兄弟元素（不主要包括自己）–示例$(“#j_liItem”).siblings().css(“color”, “red”);选择id为j_liItem的大部份兄弟元素
parent()
查找父元素（亲的）–示例$(“#j_liItem”).parent(“ul”).css(“color”, “red”);选择id为j_liItem的父元素
eq(index)
查找指定元素的第index个元素，index是索引号，从0开始–示例$(“li”).eq(2).css(“color”, “red”);选择大部份li元素中的第二个
优化jQuery的代码性能
01 jQuery中性能最快的示例是ID示例 ($(#someid)). 这是因为它直接映射为JavaScript的getElementById()方式。 选择单个元素
02 类示例前面限定标签名
03 缓存jQuery第一类，jQuery有显式插值机制，保存为jQuery第一类后在操作方式能减少重复选择
04 利用该事件委派处理该事件
05 减少直接操作方式添加多个DOM元素，采用字符串拼接，添加给父元素效率会更高。
