在千峰“逆战”学习的第17天

今天学习了自定义文件上传，jQuery的入门案例以及基本、层次和过滤选择器。
继续加油！奥利给！
人生重要的不是所站的位置，而是所朝的方向
中国加油！武汉加油！千锋加油！我自己加油

Jquery是什么?
JQuery是一个JS的类库文件

01_Jquery入门

Jquery是什么? 
JQuery是一个JS的类库文件 

什么是JS类库文件?
别人写好的JS代码,我们拿过来调用的这些JS代码 被称作JS库文件. 

Jquery的作用 :
在JS的基础部分以及JS操作DOM和JS实现Ajax等过程中.暴漏了不少问题,例如 复杂的DOM操作 和烦冗的ajax操作等.
为了简化JS的开发,各种JS库诞生了.各种JS库都封装了很多预定义的对象和 实用函数,能够帮助使用者建立非常漂亮的浏览器中的页面,并且兼容各大浏览器. 

自定义js库 

02_Jquery对象和dom对象

什么是dom对象 
文档对象模型,每一份DOM都可以表示成一颗树. 

什么是Jquery对象 
Jquery对象就是通过Jquery包装DOM对象后产生的对象,可以使用Jquey方法 

Jquery对象和dom对象的相互转换 
query对象不能使用dom对象的方法,dom对象不能使用Jquery对象的方法.但是它们可以相互转换.

Jquery对象转dom对象
$("div").get(0);   
$("div")[0]; 

03_Jqeury选择器

概念 选择器是Jquery的根基,在jquery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器.如果能熟 练地使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.


基本选择器
ID选择器   $("#id");   
类选择器   $(".className");           
标签选择器    $("div");   
通配符选择器  $("*"); 

层次选择器
层次选择器:从父子关系和兄弟关系来进行选择页面节点  
$("a b")   :a节点的所有后代节点b都被选中  
$("a > b") :a节点的所有子节点b都被选中  
$("a + b") :a节点之后的第一个兄弟节点b  
$("a ~ b") :a节点之后的所有兄弟节点b 

过滤选择器
基本过滤选择器 从位置的角度来对页面的标签进行过滤选择
 $("tagName:first"):选择第一个tagName标签   
 $("tagName:last") :选择最后一个tagName标签   
 $("tagName:eq(2)"):选择脚标为2的tagName标签   
 $("tagName:gt(2)"):选择脚标大于2的tagName标签   
 $("tagName:lt(2)");选择脚标小于2的tagName标签


内容过滤选择器: 节点值是否为空 节点值是否包含指定的字符串
$("tagName:empty"):tagName节点中没有子元素(文本元素,其他子元素)  $("tagName:contains('aaa')"):tagName节点是否包含指定字符串 

属性过滤选择器 从节点的属性来过滤筛选节点:有无属性,属性值等于,不等于,包含,多重过滤
$("tagName[id]"):tagName节点是否包含id属性  
$("tagName[id='cc']"):tagName节点属性值是否为cc  
$("tagName[id!='cc']"):tagName节点属性值是否不为cc  
$("tagName[title*='cc']"):tagName节点属性值是否包含cc  
$("tagName[title*='cc'][name='ee'][id!='ff']"):tagName节点属性值title是否包含cc,属性值 name是否为ee,id属性是否不是ff 

子元素过滤选择器 选择父元素下的子元素(第1个,最后1个,第几个子元素)
$("tagName :first‐child"):tagName节点下的第一个子节点  
$("tagName :last‐child"):tagName节点下的最后一个子节点  
$("tagName :nth‐child(2)"):tagName节点下的第二个子节点