国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

jQuery使用手冊之 事件處理

2024-09-06 12:42:55
字體：大 中 小
來源：轉載
供稿：網友
hover(Function, Function)    當鼠標move over時觸發第一個function，當鼠標move out時觸發第二個function
樣式：<style>.red{color:#FF0000}</style>
Html代碼： <div id="a">sdf</div>
jQuery代碼及效果 $(function(){
  $("#a").hover(function(){$(this).addClass("red");},
                            function(){ $(this).removeClass("red"); 
                          });
})最終效果是當鼠標移到id為a的層上時圖層增加一個red樣式，離開層時移出red樣式

toggle(Function, Function)    當匹配元素第一次被點擊時觸發第一個函數，當第二次被點擊時觸發第二個函數
樣式：<style>.red{color:#FF0000}</style>
Html代碼： <div id="a">sdf</div>
jQuery代碼及效果 $(function(){
  $("#a"). toggle (function(){$(this).addClass("red");},
                              function(){ $(this).removeClass("red"); 
                            });
})最終效果是當鼠標點擊id為a的層上時圖層增加一個red樣式，離開層時移出red樣式

bind(type, fn)   用戶將一個事件和觸發事件的方式綁定到匹配對象上。
trigger(type)   用戶觸發type形式的事件。$("p").trigger("click")
還有：unbind()   unbind(type)    unbind(type, fn)

Dynamic event(Function)    綁定和取消綁定提供函數的簡捷方式
例： $("#a").bind("click",function() { 
                                       $(this).addClass("red");
})也可以這樣寫： $("#a").click(function() { 
                        $(this).addClass("red");
});

最終效果是當鼠標點擊id為a的層上時圖層增加一個red樣式，

jQuery提供的函數
用于browers事件
error(fn)    load(fn)     unload(fn)    resize(fn)    scroll(fn)

用于form事件
change(fn)    select(fn)    submit(fn)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 安图县| 天门市| 江山市| 威信县| 确山县| 靖江市| 古浪县| 云霄县| 青河县| 上栗县| 兰溪市| 潞西市| 尼木县| 盐源县| 巴林右旗| 平罗县| 延寿县| 仙游县| 准格尔旗| 四川省| 丰县| 深州市| 台江县| 石首市| 米易县| 景宁| 施秉县| 枞阳县| 汝城县| 岚皋县| 乌拉特后旗| 东山县| 牡丹江市| 凌云县| 察隅县| 上饶市| 阳原县| 揭西县| 白沙| 巴彦县| 衢州市|