JQuery常用選擇器，方法，正則表達式

                       JQuer常用選擇器，方法，正則表達式

JQuer 選擇器

1) 標簽選擇器：$(" h4 ")取全部的h3元素          

   層次選擇器：$("#div a ")取div下全部<a>元素

   類選擇器：  $(".title ")取全部class下的title元素

   子選擇器:     $(“ #menu>span ”)選取#menu下的子元素

   Id 選擇器:     $(" # title")取id 為title 的元素

   后代選擇器:   $(“ #menuspan ”)選取#menu下所有的<span>元素

   相鄰選擇器：  $(" h3+dl" )取緊鄰<h3>元素后的<dl>元素

   同輩元素：    $(“h3~dl”)選取<h3>元素之后所有的同輩元素<dl>

       交集選擇器：     $(“h3.title”)選取所有擁有class為title的h3元素

   全局選擇器：  $("*")選取所有元素

JQuer 基本過濾選擇器

2 ):first         : $(" li:first ")取全部li 元素中第一個li 元素

   :last          : $( "li:last" )取全部li  元素中最后一個li 元素

   :not(three)    : $( "li:not(.thress)")取class不是thress的元素

   :even          : $( "li:even ")取索引是偶數的全部li 元素

   :odd           :$( "li:odd ")取索引是奇數的全部li 元素

   :eq(index)     :$( "li:eq(1) ")取索引等于1的li元素

   :gt(index)     :$ ( "liLgt(1) ")取索引大于1的元素

   :lt(index)     :$( "li:eq(1) ")取索引小于1的元素

JQuer常用方法

3）addClass() 向被選中元素添加一個或多個類的樣式

   css()為匹配的元素添加css樣式

   Next()獲所匹配元素合中每個元素其緊鄰的同輩元素

   Click() 觸發或將函數綁定到指定元素的click事件

    show()元素顯示                       Hide()元素隱藏

    fadeIn()元素淡入                                                    fadeout() 元素淡出

         Mouseover() 鼠標指針移過               Mouseout鼠標指針移出

    Focus() 獲取焦點                                                    Blur() 失去焦點

          Hover() 鼠標懸停                                                    Toggle()鼠標連續點擊

    removeClass()移除樣式                   toggleClass()切換不同元素的類樣式

    Text()獲取或設置元素的文本內容         Val()獲取或設置元素value屬性值 

    Prev() 取緊鄰匹配元素之前的元素         Html()用于動態的新增頁面內容  

     animate() 用于創建自定義動畫的函數      Siblings()取位于匹配元素前面和后面的所有同輩元素

    Children()獲取當前匹配元素下的所有子元素   find()搜索所有與指定表達式匹配的元素

JQuer正則表達式

4)表達式：一個字符串代表了某種規則，其中可以使用某些特殊字符來代表特殊的規則

正則表達式的常用符號