jQuery的基礎(chǔ)知識介紹

1. 什么是jQuery?
   jquery 是 js的封裝的一個(gè)框架  快速開發(fā)
   • 優(yōu)點(diǎn)：寫的少  做的比較多   處理瀏覽器之間的兼容性
   • 把js的大量語法進(jìn)行封裝
   • 大量的方法
   • 大量的學(xué)習(xí)方法和dom之類
     jquery庫 在head  body里面都是可以引入
   • 在寫jquery 代碼的時(shí)候先引入jquery文件（庫）
   • 才能去寫常規(guī)的jquery代碼
   • （先跑庫代碼  在走寫的jquery代碼）

     <script src="jquery/jquery.js"></script>
     window.jQuery==window.$=jQuery

     所以在jquery里面書寫是用$

2. jquery dom獲取的時(shí)候注意元素是否初始化.若不考慮是否初始化 需要以下加載函數(shù)
   注意：jquery  加載函數(shù)  類似  瀏覽器的加載完成事件window.onload

   $(document).ready(function () {
       console.log("加載完成");
       console.log($("#btn"));
   });

   簡寫為

   $(function(){
   })

3. dom元素獲取方式
   注意：jquery對象返回的是一個(gè)集合  直接使用  
   jquery  代碼可以進(jìn)行隱式迭代器  （可以進(jìn)行一堆的操作）
   1）基本選擇器
   id  class  元素  *   復(fù)合元素選取$("button,input")
   2）層次選擇器

   獲取子元素  +獲取下一個(gè)元素  ~獲取當(dāng)前元素后面的所有元素 以及空格
   3）基本篩選器
   first last not除了當(dāng)前的其他所有元素
   even odd 按照索引的奇數(shù)偶數(shù)來獲取
   eq gt lt獲取等于 大于 小于索引的元素
   header獲取所有的h標(biāo)簽  
   focus 獲得獲焦的元素
   root 直接獲取html
   4）內(nèi)容選擇器
   contains 包含某內(nèi)容
   empty空元素
   has包含某個(gè)元素
   parent 匹配的元素必須是父元素
   5）可見性
   hidden隱藏
   visible顯示
   6）屬性
   [attribute]包含某屬性的元素
   [attribute=value]//指定獲取某元素滿足屬性=屬性值
   [attribute!=value]//屬性不等于該值的或者不含有該屬性的
   [attribute^=value]//以什么開頭
   [attribute$=value]//以什么結(jié)尾
   [attribute=value]//包含某值
   $("button[attrSel1][attrSel2][attrSelN]")三者都具備都有的元素
   $("button[id='btn'][class='btn']")//兩個(gè)都要滿足與的關(guān)系
   $("button[id!='btn'][class!='btn']");//有id就考慮id是不是不等于該值 沒有id就只考慮class是否滿足條件 若滿足就可獲取
   7)子元素過濾選擇器
   :first-child 第一個(gè)孩子
   :first-of-type1.9+ 如果寫指定標(biāo)簽  獲取指定標(biāo)簽里面的第一個(gè)   如果沒寫  獲取所有類型標(biāo)簽里面的第一個(gè)
   :last-of-type1.9+ 匹配同類型的最后一個(gè)
   :nth-child  第幾個(gè)孩子 1開始
   :nth-last-child()1.9+ 倒著說第幾個(gè)孩子 1開始
   :nth-last-of-type()1.9+ 后往前  按類型獲取標(biāo)簽里面的最后一個(gè)
   :nth-of-type()1.9+  前往后  按類型獲取標(biāo)簽里面的第n個(gè)
   :only-child 匹配的元素必須是父元素的唯一子元素
   :only-of-type1.9+/ 獲取父元素里面同類型標(biāo)簽里面只有唯一的一個(gè)標(biāo)簽  全部獲取到
   8)表單元素選擇器
   :input    匹配所有 input, textarea, select 和 button 元素
   :text   獲取單行文本框的
   :password  獲取密碼框的
   :radio  //獲取單選按鈕的
   :checkbox //獲取復(fù)選框的
   :submit  //獲取表單提交的
   :image
   :reset  獲取重置按鈕
   :button   獲取button
   :file   獲取文件路徑