首頁 > web前端 > js教程 > jQuery2函數的詳細介紹

jQuery2函數的詳細介紹

零下一度
發布: 2017-06-30 11:20:40
原創
1572 人瀏覽過

DOM

     一個參數             兩個參數       ##「兩個參數       #.

##( )>值   設定屬性值   設定多個屬性值

      attr    

取得指定屬性值

     #           Prop  取得指定屬性值      設定屬性值#     

設定多個屬性值

##   prop區別 attr

用於自訂屬性值 prop#自帶屬性

刪除屬性

  removeAttr() 控制內容  html

( )  沒參數是取得

##,         有參數是設定內容

,設定所有的符合元素 ##  text()        #沒參數是取得

,

取得配對元素素有的文字內容 ##〠是設定內容 ,設定所有的匹配元素

  val ()         

  val ()           val ()         

#, 取得符合元素第一個的內容

          有參數是設定內容

,設定所有的符合元素

css

#>樣式

##  addClass()   

#新增屬性 

  removeClass()

刪除屬性名稱 

  hasClass() 是否有指定屬性名 返回布林值

   toggleClass()  

切換樣式

  addClass  attr()  

# addClass 不會改變原來的值,直接在後面加上

  attr()    

會重置,會改變原來的值 

 

  #$(“

”) 建立標籤 父子關係   a.append( b)  

  b.appendTo(a)   

b加到a的結尾   a.prepend(b)     

#  b.prependTo(a)  

b

加到 的開頭兄弟關係關係  a.after(b)  

  b.insertAfter(a)  

### b######加入到######a######的後面### ######  a.before(b)###

  b.insertBefore(a)    b加到a#的前面

#$(selector).remove()  刪除 

$(selector).empty() 清除

$( selector).clone()  預設參數是false #只複製樣式 如果參數true 複製功能(綁定的事件)與樣式 

a.replaceWith(b)  #b來取代a

 

包裹方法

  A.wrap(b)

  A.wrapInner(b)

  A.wrapAll(b)

 

  .size() ==.length  返回長度 

  物件.index()  傳回目前元素的索引值最好傳入參數 

  .toArray()  傳回陣列的形式

 

  mouseover 輸入移入

  mouseenter 滑鼠移入 不支援冒泡

   -

#  mouseleave  

滑鼠移出 不支援冒泡

  mousedown   

滑鼠滑鼠按下

  mouseup 抬起

#滑鼠滑鼠按下

  mouseup 抬起

#滑鼠滑鼠按下##  mouse

##  mousemove

滑鼠移動

  click      

滑鼠點選

  dblclick    

##  dblclick    

C

Co

#Bo

#B 她看看contextmenue  鼠標右鍵 

表單事件

  Change  

改變內容榮

  Focus   

獲取焦點事件

  Blur    失去焦點事件

  Submit  

  Key#down  

  Key#1鍵盤按下

##家家廠啊廠啊##  Keyup     

鍵盤抬起

物件。事件名()  $(selector).click(function(){})

  $(selector).on(event.type,function(){})  $(selector).bind(event.type,function(){}) 

  Off()  unbind()  事件移除

#。 ## 

  Hover()  複合事件  

  Hover(function(){

     

  },function(){

      移出

  })

 事件類型

event.type    

事件名稱

事件來源

   event.target  

#事件來源

   event.target  

########PageX pageY   ##############PageX pageY   ####返回######x,y######軸座標#########Event.preventDefault()    ###阻止預設事件##########Event.stopPropagation ()   ###阻止事件冒泡######### ######事件委託######  Delegate(childSelector,###事件名稱#######,function( ){})#########  On(###事件名,######childSelector,function(){})######### ######事件命名空間######  $(“div”).on(“click.ss”,fn)######  $(“div”).off(“.ss”)#### ## ######所有動畫方法都可以傳入兩個基本的參數###

時間  毫秒數  英文單字  fast normal slow

200  400  600

 當動畫完成後執行函數

 

Hide()   隱藏

show() 顯示

Toggle()  切換

 

fadeIn()

fadeOut()

##fadeToggle()

 

fadeTo(時間,透明度,fn)   最後停留在指定的透明度

## 

SlideDown()   

#劃出

SlideUp()    

隱藏收齊  以#css#為正方向向下或是向上

SlideToggle()  

#切換

 

自訂動畫 

  Animate({「key:value」} ,

時間,function(){})

#  參數 value = 10  value  +=10;

   Animate( {“key:value”},

時間,function(){}).Animate({“key:value”},時間##, function(){})  Stop();

以上是jQuery2函數的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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