jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下: window.onload = function(){ alert($.data($('#test')[0],'events'));//null alert($.data($('#test')[0],'handle'));//null $('#test') .bind('click',function(){ alert(1) }) .bind('mouseover',function(){ alert(2) }) .bin...
功能简介：主要功能就是分页显示数据了，可在配置文件中配置每页要显示的页码,可以做多条件联合查询，这里只是做一个简单的查询。欢迎拍砖，有问题的还望大虾们斧正哈。看看这个效果图，无刷新的噢！！ 具体实现请看源码： 1、aspx页面 代码如下: ajax分页 2、具体实现JS 代码如下: var pageIndex = 1; //页索引 var where = " where 1=1"; $(function() { BindData(); // GetTotalCount(); //总记录条数 //GetPageCo...
没什么复杂的东西，就是用个array对象来做队列，维护ajax请求的顺序。下面给出代码： 代码如下: ;(function($) { $.ajaxQueue = { // 管理ajax请求的队列 requests: new Array(), // 把待发送的ajax请求加入队列 offer: function(options) { var _self = this, // 对complete，beforeSend方法进行“劫持”，加入队列处理方法poll xhrOptions = $.extend({}, options, { // 如果请求完成，发送下一个请求 complete: function(jqXHR...
简单地记下jquery实现回车事件，代码如下： 全局： 代码如下: $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $(#FormId).submit();//处理事件 } } }); 某个控件： 代码如下: $(#id).keydown(function(e){ if(e.keyCode==13){ $(#FormId).submit(); //处理事件 } }); if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了 如果...
步骤： 1.实现随鼠标移动的效果； 2.初始化一个元素及其坐标； 3.拖拽对象的最后坐标，与元素的坐标 进行计算和判断 来确定 要插入的目标元素； 4.用insertBefore 方法 插入到目标元素的前面 具体代码如下： 代码如下: 测试的拖拽功能 body, div { margin: 0; paading: 0; font-size: 12px; } body { width: 960px; margin: 0 auto; } ul, li { margin: 0; padding: 0; list-style: none; } .clear { clear: both; width: 1p...
代码如下: /* * Image preload and auto zoom * scaling 是否等比例自动缩放 * width 图片最大高 * height 图片最大宽 * loadpic 加载中的图片路径 * example $("*").LoadImage(true,w,h); */ jQuery.fn.LoadImage=function(scaling,width,height,loadpic){ if(loadpic==null)loadpic="../images/loading.gif"; return this.each(function(){ var t=$(this); var src=$(this).attr("src") var img=new Image(); //alert("Loading.....
由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上Radio 1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值： $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注： attr("checked",'checked')= attr("c...
为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/?p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下： （3-17修复网友crossyou 指出的一处错误，并且新版本去掉了替换图片） 代码如下: // jquery.autoIMG.js -...
尤其是在当今各种浏览器满天飞（据说仅以IE为内核的浏览器就有200种之多）。 小弟今天写了个基于jQuery的插件扩展，主要用于识别浏览器内核与外壳的类型和版本。可识别各种浏览器的内核，并已经支持多种国内主流浏览器。 费话不多说，上我的JavaScript代码：（文件名：jquery.browsertype-1.0.js） 代码如下: /** * jQuery插件开发方法二：第一步：插件定义 */ jQuery.myPlugin = { //获得浏览器的内核与外壳的类型和版本...
显示表格数据会涉及到一些东西，如字段显示隐藏，数据状态，分页之类。 由于我们公司的产品涉及到很多的表格数据显示，而且每张表的字段数都很多，在工作过程中(几任同仁的努力)，整合出一套自认为较为轻巧的方案。如图： 其中涉及到的插件主要有：jQuery.columnmanager.expand.js（扩展columnmanager）jQuery.dropbox.js(自已写的)jQuery.pager.expand.js(扩展pager) jQuery.cookie.js 其中pager.expand.js,dropbox.js以及各插件间...
如果说您没用过这些东东的话，我相信看完这篇博文会对您有帮助的，，如果有任何问题不懂或者有bug没问题，欢迎随时联系我， 同时也欢迎高手多给点意见，我不建议在喷子中成长。 本人QQ:364175837 前言 相信很多朋友都用过，Jquery的分页插件，我之前就用的jquery.paper这个,如果有兴趣可以留下QQ，我发份简单的实例源码给您。 该代码是晚上匆忙中完成的，所以没怎么优化，但是主要作为实例来结合这些知识的一个综合运用。好了废话不...
（1）页面代码： 代码如下: Insert title here href="js/themes/basic/grid.css" /> jQuery(document).ready(function(){ jQuery("#myTab").jqGrid({ datatype: "json", //将这里改为使用JSON数据 url:'DataServlet', //这是Action的请求地址 mtype: 'POST', height: 250, width: 400, colNames:['编号','姓名', '电话'], colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, {name:'name',index:'name', width...
JSON 的格式说明可以在可以这里看到，非常详细，还是中文的。 JSON 格式说明 需要特别注意的是，在 JSON 中的属性名是需要使用引号引起来的。jQuery 中使用 JSON jQuery 是现在使用广泛的脚本库，那么，在 jQuery 中如何使用 JSON 呢？解析 JSON 在 jQuery 中已经提供了对于解析 JSON 的内在支持， jQuery.parseJSON 函数提供了解析的支持，详细的说明见这里。 代码如下: var obj = jQuery.parseJSON({"name":"John"}); alert( obj...
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？ 我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子，也就是上图图中的样子，这个不用过多说明，自己看代码 CSS 代码如下: *{margin:0;padding:0;font-size:12px} .loading{positi...
阻止冒泡：1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器， 而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation(); 代码如下: body { background:black; } #myDiv { background: #fff; width:250px; height:250px; display:none; } This is a div; var myDiv = $("#myDiv"); $(function () { $("#btn").click(...