- 浏览: 127299 次
- 性别:
- 来自: 福建
文章分类
- 全部博客 (105)
- 数据库 (4)
- hibernate (4)
- css3 (2)
- 前端设计 (13)
- struts (6)
- HTML5 (1)
- jQuery (16)
- JDBC (3)
- spring (6)
- 娱乐 (1)
- MyEclipse (2)
- oracle (4)
- javascript (10)
- ibatis (2)
- log4j (1)
- css (16)
- java (13)
- IText (1)
- IDE (1)
- C3P0 (1)
- ssi (1)
- IO (1)
- jsp (1)
- JSTL (1)
- JXL (1)
- ssh (1)
- ajax (2)
- struts2 (1)
- html (1)
- 正则表达式 (1)
- 非技术 (1)
- Properties (1)
- Tomcat (1)
- 电大 (0)
- test (0)
最新评论
-
yejq:
收藏~~
使用 Ctrl + Enter 提交表单
jQuery ajax删除
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jQuery学习-ajax删除</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> h1{color:Green;} body{ background-color:#EEEEEE ; } .list{ background:#EEEEEE none repeat scroll 0 0; border-top:1px solid #CCCCCC; padding:5px 10px; width:300px; } .del{ color:Blue; display:block; float:right; width:35px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".del").click(function() { var $p = $(this).parent(); var $this = $(this); $.ajax({ type: "post", url: "http://hyipaying.com/demo/2010/10/delete.aspx", //得到id data: { id: $this.attr("id").replace('del-', '') }, beforeSend: function() { //发送请求前改变背景色 $p.css("backgroundColor", "#FB6C6C"); }, success: function() { //删除成功 $p.slideUp(300, function() { //移除父级div $p.remove(); }); } }); //阻止浏览器默认事件 return false; }); }); </script> </head> <body> <div> <h1>jQuery ajax删除</h1> <div class="list"> <a id="del-1" class="del" href="#">删除</a> <strong>jQuery学习,jQuery框架学习</strong> </div> <div class="list"> <a id="del-2" class="del" href="#">删除</a> <strong>jQuery学习,jQuery框架学习</strong> </div> <div class="list"> <a id="del-3" class="del" href="#">删除</a> <strong>jQuery学习,jQuery框架学习</strong> </div> <div class="list"> <a id="del-4" class="del" href="#">删除</a> <strong>jQuery学习,jQuery框架学习</strong> </div> <div class="list"> <a id="del-5" class="del" href="#">删除</a> <strong>jQuery学习,jQuery框架学习</strong> </div> </div> </body> </html> "
发表评论
-
jQuery+CSS让两栏或多栏布局高度自动一致
2013-07-11 14:56 921<!DOCTYPE html PUBLIC &qu ... -
jquery 框架在google地址
2013-01-08 15:19 721https://developers.google.com/s ... -
兼容各浏览器的点击复制文本框内容的Jquery插件【转载】
2012-12-20 15:59 1068注:因为采用FLASH控件的文件实现兼容,所以本页面中 ... -
jQuery的滑动式动画导航栏
2012-12-17 15:13 1189效果图: css: * { margin ... -
Ajax+Jquery评论特效
2012-12-14 16:53 796效果图 -
Jquery实现评论内容上下滑动切换效果
2012-11-28 11:28 1483Jquery实现评论内容上下滑动切换效果 -
ajax全局事件详解
2012-09-20 18:03 849jquery在ajax方面是非常强大和方便的,以下是jqu ... -
jquery聚光灯插件
2012-05-30 17:25 1026效果图: -
JS仿淘宝网顶部的导航菜单-导航菜单类
2012-05-25 17:53 1124JS仿淘宝网顶部的导航菜单-导航菜单类 -
jBreadCrumb插件
2012-05-02 10:59 861效果图: download: http ... -
jQuery邮箱自动完成插件
2012-05-02 10:23 956参数: deValue:文本框内默认值 ... -
网站首页的焦点图JQuery实现插件
2012-05-02 10:18 717网站首页的焦点图JQuery实现插件 效果图: -
图片放大镜
2012-05-02 10:14 679图片放大镜 效果如下: -
放大镜
2012-05-02 10:10 748该插件在IE8及版本更低的IE浏览器中有些问题,圆形的放大 ... -
很牛的弹出层看看不后悔
2012-03-19 14:05 1363很牛的弹出层看看不后悔【转载】 [img][/img]先让我 ... -
Jquery validate 验证
2011-08-01 19:58 1114转自:http://blog.sina.com.cn/s/bl ...
相关推荐
基于jquery的ajax功能,对ASP网站的数据库进行无刷新操作,包括对数据库内容进行添加,删除,修改,分页
jQuery AJAX表格控件(初版)源码 测试版 JQUERY 实现的AJAX表格操作控件 设计上需要改进 初步功能已实现 边个实现了数据库的添加 编辑 删除等基本功能 详细请查看代码
jQuery AJAX表格控件(初版)源码 测试版 JQUERY 实现的AJAX表格操作控件 设计上需要改进 初步功能已实现 边个实现了数据库的添加 编辑 删除等基本功能 详细请查看代码
jQuery ajax态删除评论功能,配合动态的ASP/PHP程序,即可完成真正的留言删除功能,这里只是模拟了前端的ajax功能,这里只是把评论所在Div给隐藏了,那么jquery如何隐藏的呢?请下载这个例子一看究竟.
PHP+jQuery ajax无刷新上传图片 带上传进度条。代码无加密,可二次开发,默认自带样式,很方便修改样式。 自带demo.
ajax是局部刷新。用jQuery来实现,会简化很多。下面进行详细的说明,结合一个ajax删除的案例来进行
一个页面实现Ajax效果的增删改查-JQuery+Json版包含数据库
jQuery ajax 中使用confirm ,确认是否删除按钮 onclick=”return confirm(‘确认删除?’);” [removed] $(function(){ $("#btnDelete").click(function(){ //var user8ID = $.trim( $('#user8ID').val...
ajax 插入记录,删除记录,修改记录, 让你真正的体验到代码运行起来的喜悦
treeViewClientControl开源代码,使用了jquery与ASP.NET的配合,采用Access数据库,实现了即时加载的动态TreeView控件,完美展现了ajax操作之美。同时,通过控制程序,你将能实现全部收缩、全部展开、增加、删除、...
用jQuery开发的ajax程序,有添加删除修改功能,其实是转过来的,原作者要10分,太高了,下来才知道是asp.net的,我不懂,放上来给大家用吧。
NULL 博文链接:https://lihua-he.iteye.com/blog/679883
主要介绍了jQuery+ajax实现批量删除功能,结合完整实例形式分析了jQuery+ajax结合bootstrap与layer.js插件实现的批量删除与交互功能相关操作技巧,需要的朋友可以参考下
jquery和ajax的用户管理系统,动态加载,删除,修改信息,弹出层的方式实现等。。
代码如下: [removed] /* 请求Ajax 带返回值,并弹出提示框提醒 ————————————————–*/ function getAjax(url, parm, callBack) { $.ajax({ type: ‘post’, dataType: “text”, url: url, data: ...
Django JavaScript Integration - AJAX and jQuery 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如...
ASP+ajax+jQuery--顶-踩-无刷新【点赞】程式3.0 修正调试版
添加和删除记录是Asp.net处理数据常用的功能。用Asp.net服务器控件,都要刷新页面。...而结合Jquery+Ajax却节省了我们处理数据的等待时间。本实例是是很不错的实现Asp.net对数据库添加/删除数据,很不错的例子。
Django JavaScript Integration AJAX and jQuery 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有...