前端开发

 首页 > 前端开发 > jquery教程 > jQuery级联操作绑定事件实例_jquery_自学php网

jQuery级联操作绑定事件实例_jquery_自学php网

分享到:
【字体:
导读:
          这篇文章主要介绍了jQuery级联操作绑定事件,非常具有实用价值,需要的朋友可以参考下...

级联操作绑定事件是jQuery非常具有实用价值的一个技巧,本文即以实例形式实现这一功能。分享给大家供大家参考之用。具体方法如下:

本文所述实例主要实现jQuery操作一个列表,根据类别选出学校,点击学校出现院系,点击院系出现专业,然后链接至专业申请页面。

具体功能代码如下:

$("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);});
});

相信本文所述对大家的jQuery程序设计有一定的借鉴价值。

分享到:
使用JQuery库提供的扩展功能实现自定义方...
JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定义的功能扩展。(JQuery没有禁用表单元素的方法哦) 上代码: Custom Method! ...
jQuery实用函数用法总结_jquery_自学php...
本文以实例的形式总结了jQuery的常见实用函数。分享给大家供大家参考之用。具体示例如下: 1.修剪字符串 $(&#039;#id&#039;).val($.trim($(&#039;#someid&#039;).val()))   2.遍历集合 可能这样写: var anArray = [&#039;one&#039;,&#039;two&#039;]; for(var n = 0; n < anArray.length; n++){ } ...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……