首頁 > web前端 > js教程 > 主體

jQuery中一些常用的方法介紹

零下一度
發布: 2017-06-26 15:15:17
原創
1102 人瀏覽過

1.層級選擇者 
   後位選擇器     "父元素  後代元素"

例如:$("div p") 選取div元素下所有的p元素


   子元素選擇器   "父元素> 子元素"

#例如:$("div>p") 選取div的子元素中的p元素


#   第一個向後兄弟元素  "元素名+兄弟元素"

例如:$("div+p") 選取div元素後的第一個p元素


   向後所有的兄弟元素  "元素名稱~兄弟元素"

例如:$("div~p") 選取div元素後的所有p元素


2.篩選選擇者 
    :first            $("p:first")        第一

元素  最後一個

元素
    :gt              $("p: gt(1)");      編號大於1的所有

元素
    :eq             $("p:e        $( "td:odd");       編號為所有奇數的元素
    :even         $("td:even");     $("p :not(.notr)")  選取所有不含類別名稱為notr的

元素
    
    依據內容篩選
    :contains(內容)
  

#    根據顯示來篩選
    :hidden   選出隱藏的元素(display:none 或type="hidden" 或隱藏父元素或長度和寬度為0的,這些元素是隱藏元素)

    :visible



 3.表單選擇器
    :input

    :text

    :button
    :## 
# 4.屬性--篩選選擇器
    [屬性名]           選擇到有這個屬性的元素
    [屬性名='值']     選擇到屬性等於某值的元素##屬性名稱!='值']    選擇到屬性不等於某個值的元素

    例如:$("input[name='newlatter']");   選取name屬性為newlatter的input元素

 5.表單屬性選擇器
    利用:checked  :selected  :enabled  :disabled 來對元素進行篩選
    對屬性篩選選擇器的簡單選擇)                選取的已選取的radio元素

          6.屬性方法

     attr("屬性名稱")              取得屬性           

   removeAttr("屬性名稱")             移除屬性


   7.取得並設定value屬性的方法
    val()  與val("值")

   8.html()   )對應innerHTML
      html("值")對應innnerHTML="值"

      text()   text("值")
   ")對應innerText="值"


   9.樣式函數
      css("樣式的名稱")            的值")               設定對應的樣式  設定一個為
      css({"樣式的名字":"樣式
      addClass("class名")                    增加一個類子屬性對應的價值#   刪除class屬性對應的值
      toggleClass("class名")                 切換

width()     取得寬度
      height()    取得寬度
      innerWidth() 取得寬度(包含內邊界為一個副距)# th(true)取得寬度(包括內邊距和邊框  和外邊距)
 

   10.顯示與隱藏函數
       
##   10.顯示與隱藏函數
        show()   顯示
    c
        show(speed)  在規定的時間內顯示
        hide(speed)  在規定的時間內隱藏
      在規定的時間內向上收縮
        slideDown(speed)  在規定的時間內向下展開 
        slideToggle(speed)  時間內淡入
        fadeOut(speed)  在規定的時間內淡出 
        fadeToggle(speed)  為所定義的兩種狀態 
# 參數"},[時間],[動畫回呼函數]);
       
  $(document).ready(function(){
    $("button").click(function(){
      $("div").animate({
        left:'250px',
        opacity:'0.5'##        opacity:'0.5'##        opacity:'0.5',##115'       width:'150px'
      } ,2000);
    });
  });


  12.綁定事件 
       選擇器.bind("事件",事件處理函數);關聯上對應的事件處理函數        建議使用on
       選擇器.unbind("事件");      斷開元素的事件與對應處理觸發事件呼叫
 
      建立常用的事件函數:
            click(fn)/click()
            dblclick(fn)/dblclick()
            模糊(fn)/模糊()
                     keydown(fn)/keydown ()
            keyup(fn)/keyup()
            mouseover(fn)/mouseover()##c         Submit(fn)/submit()
            則以載入(fn)/unload(fn)

      例如:$("div").click(function(e){});//e是事件物件


               $("div").bind("click",function(){});


 13.event事件物件常用的屬性與方法## 來源
       pageX  滑鼠點選的X座標
       pageY  滑鼠點選的Y座標
       stopPropagation() 取消事件11( ){
                  alert(e.pageX+":"+e.pageY);
       )
          滑鼠移上去觸發over函數,移開觸發out函數

 
 15.動態事件函數
        on(事件類型,選擇器,處理函數)
       與選擇器相符的元素綁定事件
      
        :$("table").on("click","tr",function((){
           } );

 16.文件處理函數
        $(html);    建立元素
        內部前置內容
        after()     在每個配對的元素之後插入內容
        before()      empty()     清空節點
        clone()     複製節點元素
        clone(true)   複製節點元素與綁定元素處理#       找出後面的兄弟元素
        prev( )      尋找前面的兄弟元素
        siblings()    找出兄弟元素
       與中對子       parent(selector)    找出祖先元素
eq(index)    返回index+1位置處的jQuery物件
        first()     取得第一個元素
       ) 判斷元素是否滿足expr條件
not(expr)     傳回不符合某些條件的元素
        get(index)    取得其中一個符合的DOM元素

 17.工具函數# #           遍歷方法,以遍歷陣列與物件
        $.unique(array)
       .merge( first,second)
           合併兩個數組,並於兩個數組並於第一個數組上
        $.trim(str)##  #1 ##

以上是jQuery中一些常用的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板