快捷導(dǎo)航

jQuery級(jí)聯(lián)操作綁定事件實(shí)例

更新時(shí)間：2014年09月02日 10:19:42 投稿：shichen2014

這篇文章主要介紹了jQuery級(jí)聯(lián)操作綁定事件,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

級(jí)聯(lián)操作綁定事件是jQuery非常具有實(shí)用價(jià)值的一個(gè)技巧，本文即以實(shí)例形式實(shí)現(xiàn)這一功能。分享給大家供大家參考之用。具體方法如下：

本文所述實(shí)例主要實(shí)現(xiàn)jQuery操作一個(gè)列表，根據(jù)類別選出學(xué)校，點(diǎn)擊學(xué)校出現(xiàn)院系，點(diǎn)擊院系出現(xiàn)專業(yè)，然后鏈接至專業(yè)申請(qǐng)頁(yè)面。

具體功能代碼如下：

$("li.university").click(function(){
  var id = $(this).attr("rel");
  $.get("data.aspx?type=u&id="+id ,
  function(html){$("#universityselect").html(html);});
});
$("li.universityselect").click(function(){
  var id = $(this).attr("rel");
  $.get("data.aspx?type=s&id="+id ,
  function(html){$("#coursetype").html(html);});
});
$("li.course").click(function(){
  //var id = $(this).attr("rel");
  alert("dd");
  //$.get("data.aspx?type=p&id="+id ,
  //function(html){$("#sourseselect").html(html);});
});

相信本文所述對(duì)大家的jQuery程序設(shè)計(jì)有一定的借鑒價(jià)值。

您可能感興趣的文章:

相關(guān)文章

jquery兩種導(dǎo)入方式之本地導(dǎo)入和線上導(dǎo)入
這篇文章主要給大家介紹了關(guān)于jquery兩種導(dǎo)入方式之本地導(dǎo)入和線上導(dǎo)入的相關(guān)資料,jQuery是一款JavaScript庫(kù),封裝了JavaScript相關(guān)方法調(diào)用,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
Json實(shí)現(xiàn)異步請(qǐng)求提交評(píng)論無(wú)需跳轉(zhuǎn)其他頁(yè)面
Json實(shí)現(xiàn)異步請(qǐng)求，效果即為，在輸入框中輸入相關(guān)文字，點(diǎn)擊提交，下方會(huì)自動(dòng)將書寫的文字進(jìn)行展示，無(wú)需跳轉(zhuǎn)其他頁(yè)面
2014-10-10
jQuery+css實(shí)現(xiàn)的點(diǎn)擊圖片放大縮小預(yù)覽功能示例【圖片預(yù)覽查看大圖】
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的點(diǎn)擊圖片放大縮小預(yù)覽功能,結(jié)合實(shí)例形式分析了jQuery+css控制圖片放大、縮小預(yù)覽查看的相關(guān)操作技巧,需要的朋友可以參考下
2020-05-05
jQuery DOM刪除節(jié)點(diǎn)操作指南
本章節(jié)主要介紹了jQuery中dom操作的三種刪除節(jié)點(diǎn)的方法，即remove()，detach()和empty()，并附上示例代碼，非常實(shí)用，這里推薦給小伙伴們。
2015-03-03
jquery獲取鏈接地址和跳轉(zhuǎn)詳解（推薦）
這篇文章主要介紹了jquery獲取鏈接地址和跳轉(zhuǎn),具體操作步驟大家可查看下文詳細(xì)講解,感興趣的小伙伴們可以參考一下。
2017-08-08
jquery實(shí)現(xiàn)美觀的導(dǎo)航菜單鼠標(biāo)提示特效代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)美觀的導(dǎo)航菜單鼠標(biāo)提示特效代碼,涉及jquery鼠標(biāo)事件及頁(yè)面animate動(dòng)畫的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-09-09
jQuery中圖片展示插件highslide.js的簡(jiǎn)單dom
Highslide是一個(gè)非常美觀的圖片燈箱插件，下面這篇文章主要給大家介紹了關(guān)于jQuery中圖片展示插件highslide.js的簡(jiǎn)單dom，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-04-04
jQuery EasyUI 右鍵菜單--關(guān)閉標(biāo)簽/選項(xiàng)卡的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery EasyUI 右鍵菜單--關(guān)閉標(biāo)簽/選項(xiàng)卡的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jquery正則表達(dá)式驗(yàn)證（手機(jī)號(hào)、身份證號(hào)、中文名稱）
這篇文章主要介紹了jquery正則表達(dá)式驗(yàn)證，實(shí)現(xiàn)手機(jī)號(hào)、身份證號(hào)、中文名稱驗(yàn)證，感興趣的小伙伴們可以參考一下
2015-12-12
jquery獲取元素到屏幕四周可視距離的方法
今天小編就為大家分享一篇jquery獲取元素到屏幕四周可視距離的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09