国产探花免费观看_亚洲丰满少妇自慰呻吟_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)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 镇巴县| 乌兰县| 兴文县| 方正县| 陈巴尔虎旗| 斗六市| 额尔古纳市| 凤庆县| 南京市| 焦作市| 深圳市| 余庆县| 阿拉尔市| 秭归县| 获嘉县| 茶陵县| 邹城市| 岑溪市| 桐柏县| 文安县| 莆田市| 新河县| 巫山县| 隆化县| 房山区| 沂南县| 鄄城县| 永德县| 水城县| 班戈县| 玛多县| 正宁县| 汉阴县| 盐津县| 凤庆县| 和龙市| 承德县| 卢龙县| 平山县| 大安市| 深水埗区|