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

首頁 > 語言 > JavaScript > 正文

jQuery 使用手冊(六)

2024-05-06 14:13:52
字體：大 中 小
來源：轉載
供稿：網友
六：事件處理

 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)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 翼城县| 奉贤区| 华池县| 南充市| 宜都市| 新疆| 丰城市| 清原| 南丹县| 米易县| 黎平县| 青龙| 伊川县| 三河市| 怀远县| 昌图县| 沙田区| 阳原县| 长寿区| 镇平县| 洪雅县| 澄迈县| 龙口市| 涟水县| 稷山县| 申扎县| 喀什市| 淮北市| 社旗县| 聊城市| 襄垣县| 韶山市| 黑水县| 铅山县| 阳原县| 通海县| 呈贡县| 北票市| 龙陵县| 琼中| 茂名市|