要求:根据动态生成的列表的id作为参数获取调用ajax方法,显示相应的描述信息
1,javascript函数
$(document).ready(function() {
$('.desc').each(function(i) {
$(this).bind('click',function() {
var id='interp-'+i;
$(this).find('.interp').attr({
'id': id
});
var sstr = "#"+id;
$.getJSON('/local/local_edu/inner/study/praxisF.do',{'method':'getDesc','praxisId':$(this).find('.pidValue').text()},function(data) {
$(this).find(sstr).html(data['desc']);
});
});
});
});
2,页面重复的div
<div class="desc">
<span class="pidValue" style="display:none;"><%=praxisId %></span>
<span class="interp" style='cursor:pointer'>题目注释</span>
</span>
</div>
jQuery真是超级好用!
分享到:
- 2008-03-07 07:58
- 浏览 1299
- 评论(2)
- 论坛回复 / 浏览 (2 / 2391)
- 查看更多
相关推荐
通过深入理解并熟练运用jQuery的DOM操作和AJAX功能,开发者能够构建出动态、交互性强的网页应用,提升用户体验,同时减少与服务器的通信成本。在实际项目中,这些技术经常被用来实现页面局部刷新、异步提交表单、...
6. **CSS操作**:jQuery提供`css()`方法,可以方便地设置或获取元素的样式,如`$("#element").css({"color": "red", "font-size": "18px"})`。 7. **事件处理**:使用`on()`, `off()`, `click()`, `mouseover()`等...
首先,jQuery是一个轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画以及Ajax交互。它的API设计得易于理解和使用,使得开发者可以快速地进行网页动态化开发。在本实例中,jQuery将用于处理用户的...
《gQuery:精简版jQuery DOM操作库》 在Web开发中,jQuery以其强大的功能和易用性成为了JavaScript库的首选。然而,对于一些轻量级项目或者对加载速度有较高要求的应用,jQuery的体积可能会显得过大。为了解决这个...
这个压缩包中的资源,"SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白",显然提供了一个使用这些技术实现Ajax级联操作的实例。下面将详细介绍这些技术及其在Ajax操作中的应用。 **SSH ...
在网页开发中,jQuery 和 Ajax 是两种...但是,掌握了基本的jQuery选择器、DOM操作和Ajax通信,你就可以构建出许多动态的排序功能。记住,实践是检验理论的最好方式,不断尝试和改进,你会在这个过程中变得越来越熟练。
jQuery 是一个广受欢迎的 JavaScript 库,其核心理念是简化 DOM 操作,处理事件和创建动画,同时提供了统一的 API 以实现跨浏览器兼容性。jQuery 的“write less, do more”口号反映了它通过简洁的语法实现高效的...
对于jQuery,它是一个快速、小巧、功能丰富的JavaScript库,通过它可以轻松操作DOM,而ajax允许我们实现无需重新加载整个页面就可以更新网页的部分内容。 第一种方法是利用jQuery的.load()方法,这是一种非常简便的...
总结,利用jQuery和AJAX实现树结构涉及DOM操作、事件处理、异步数据交互等多个方面,通过合理的代码组织和优化,可以创建出功能强大、交互性良好的树形界面。在MyEclipse这样的集成开发环境中,可以便捷地完成项目的...
首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和AJAX交互等任务。Ajax,即异步JavaScript和XML,允许我们在后台与服务器交换数据并局部更新页面,实现了页面的无刷新更新。 1. **jQuery的...
jQuery是一个强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。它的API设计友好,使得开发者能够快速地实现各种网页交互效果。 在本示例中,HTML模板是预先定义好的HTML结构,其中...
总之,jQuery Unobtrusive Ajax是现代Web开发中的一个强大工具,它简化了Ajax集成,使开发者能够专注于业务逻辑,而不是繁琐的DOM操作。通过深入学习和实践,你将能够创建出高效、优雅的Web应用。
在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及与服务器的数据交互。在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能...
在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...
JQuery库不仅提供了方便的Ajax方法,还有丰富的DOM操作API,如选择器、事件处理、动画效果等,这些都可以在实现无刷新效果时派上用场。 提到AjaxControlToolkit,这是一个针对.NET Framework的开源库,包含了大量...
jQuery 的API设计使得JavaScript编程变得更加简单,它封装了许多常用的JavaScript函数,使得开发者可以更方便地操作DOM、处理事件、进行AJAX请求。 **EasyUI** EasyUI 是基于jQuery的一个前端开发框架,它提供了...
标题 "Jquery各种插件和JQuery Ajax三级联动地区下拉框 & 非Ajax实现三级联动" 提供了我们讨论的关键技术点:jQuery、jQuery插件、Ajax以及三级联动地区下拉框的实现。这篇博客(博文链接:...
jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。在这个实例源码中,我们...
在公告管理系统中,jQuery用于简化Ajax调用、DOM操作和事件绑定等任务。 三、Ajax在公告管理系统中的应用 1. 数据获取:通过Ajax调用,系统能够从服务器动态获取公告信息,而无需刷新整个页面。这通常通过`$.ajax...
首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务。在本项目中,jQuery的核心功能——AJAX(Asynchronous JavaScript and XML)被用来发送异步请求到服务器,获取或更新数据,而...