AJAX教程之jQuery事件總結(jié)_AJAX教程
推薦:淺析AJAX實(shí)例:動(dòng)態(tài)進(jìn)度條1.建立進(jìn)度條html頁(yè)面 progressbar.htm script language=javascript function setPgb(pgbID, pgbValue) { if ( pgbValue = 100 ) { //debugger; if (lblObj = document.getElementById(pgbID+'_label')) { lblObj.innerHTML = pgbValue + '%'; // change t
很少寫(xiě)這些,看了1.2.3版本的改進(jìn),確實(shí)佩服,很方便.
1.綁定事件
(1)
("p").bind("click", function(e){});
(2)
("p").click(function() {})
2.刪除事件
(1)刪除特定事件
("div").unbind("click");
(2)刪除所有事件
("div").unbind();
3.觸發(fā)事件
(1)trigger方法 觸發(fā)特定元素事件
("div").trigger('click');(2)triggerHandler方法 與trigger方法相似,但不觸發(fā)瀏覽器默認(rèn)事件,如focus事件,使用此方法,將會(huì)阻止焦點(diǎn)到元素上
("input").triggerHandler("focus");
4.特殊事件
(1)one(string event,function data)
此事件只執(zhí)行一次則被刪除
("p").one("click", function(){
alert("test");
});
(2)hover(over, out)
切換mouseover與mouseout事件
("td").hover(
function () {
(this).addClass("hover");
},
function () {
(this).removeClass("hover");
}
);
可用unbind mouseover與mouseout方法來(lái)刪除此事件
(3)toggle(oldclick,newclick)
切換執(zhí)行click事件
("li").toggle(
function () {
(this).css("list-style-type", "disc")
.css("color", "blue");
},
function () {
(this).css({"list-style-type":"", "color":""});
}
);
可用unbind click方法來(lái)刪除此事件
5. 1.2.3版本新增功能
(1)事件命名空間(便于管理)
實(shí)際使用方面:
1.當(dāng)不需要全部事件,刪除特定2個(gè)以上的事件.
示例:
("div").bind("click.plugin",function() {} );
("div").bind("mouseover.plugin", function(){});
("div").bind("dblclick", function(){});
("button").click(function() {("div").unbind(".plugin"); })
在事件名稱后面加命名空間,在刪除事件時(shí),只需要指定命名空間即可.以上代碼執(zhí)行以后,dbclick仍然存在.
(2)相同事件名稱,不同命名的事件執(zhí)行方法
示例:
("div").bind("click", function(){ alert("hello"); });
("div").bind("click.plugin", function(){ alert("goodbye"); });
("div").trigger("click!"); // alert("hello") only
以上trigger方法則根據(jù)事件名稱來(lái)執(zhí)行事件.
簡(jiǎn)單的寫(xiě)幾句.以上的幾個(gè)方法還是非常實(shí)用方便的
分享:如何解決Ajax中文亂碼問(wèn)題網(wǎng)上有很多解決這個(gè)問(wèn)題的方法,試了一下都不好用,自己就對(duì)于這些方法測(cè)試了一下,然后逐個(gè)排除無(wú)用的設(shè)置,最后得到了最簡(jiǎn)單的方案。 js代碼: 得到XmlHttpRequest的類 Code 1function HttpRequest() 2{ 3 //取得Request對(duì)象 4 this.Request=function(){ 5
- Ajax中瀏覽器的緩存問(wèn)題解決方法
- AJAX和WebService實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)具體代碼
- ajax 登錄功能簡(jiǎn)單實(shí)現(xiàn)(未連接數(shù)據(jù)庫(kù))
- AJAX和WebService實(shí)現(xiàn)郵箱驗(yàn)證(無(wú)刷新驗(yàn)證郵件地址是否合法)
- AJAX和三層架構(gòu)實(shí)現(xiàn)分頁(yè)功能具體思路及代碼
- 使用AJAX返回WebService里的集合具體實(shí)現(xiàn)
- AJAX獲取服務(wù)器當(dāng)前時(shí)間及時(shí)間格式輸出處理
- ajax傳遞多個(gè)參數(shù)具體實(shí)現(xiàn)
- ajax傳遞一個(gè)參數(shù)具體實(shí)現(xiàn)
- 滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)探討
- jQery ajax——load()方法示例介紹
- jQuery+Ajax實(shí)現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
AJAX教程Rss訂閱編程教程搜索
AJAX教程推薦
- 解讀JavaScript中類的實(shí)現(xiàn)
- AJAX和傳統(tǒng)的ASP無(wú)刷新技術(shù)比較
- 實(shí)例解析Ajax標(biāo)簽導(dǎo)航-DOM技巧篇
- 淺析AJAX中JavaScript類的三種成員
- 如何解決Ajax中文亂碼問(wèn)題
- 菜鳥(niǎo)蔡之Ajax復(fù)習(xí)第三篇(Ajax之無(wú)刷新登錄)
- 談Ajax 中的高級(jí)請(qǐng)求和響應(yīng)
- ajax的json傳值方式在jsp頁(yè)面中的應(yīng)用
- ajax struts2 下拉框賦值(適合所有)
- jQuery Ajax使用心得詳細(xì)整理及注意事項(xiàng)
猜你也喜歡看這些
- jquery ajax提交表單從action傳值到j(luò)sp實(shí)現(xiàn)小結(jié)
- 用Ajax和RSS制作一個(gè)首頁(yè)新聞
- 使用JavaScript和Ajax發(fā)出異步請(qǐng)求(1)
- AJAX教程之AJAX的jQuery實(shí)現(xiàn)入門(mén)(二)
- Ajax好在什么地方?
- 利用Ajax實(shí)現(xiàn)在腳本里傳值實(shí)例介紹
- 用ajax標(biāo)簽實(shí)現(xiàn)雅虎導(dǎo)航效果實(shí)現(xiàn)
- 由淺入深完全掌握Ajax之Ajax 簡(jiǎn)介
- ajax的json傳值方式在jsp頁(yè)面中的應(yīng)用
- AJAX中文亂碼PHP中完美解決方法
- 相關(guān)鏈接:
- 教程說(shuō)明:
AJAX教程-AJAX教程之jQuery事件總結(jié)
。