摘要: 练习:分页+双向排序(jquery + ashx) 背景: 自从接触Jquery 以来,早就想搞个无刷新的分页,但是一直以来技术方面始终不够成熟。近两天热血澎湃,借鉴前人的经验,加上自己的努力,最终简单实现,很是开心,希望各位给予指导。本人刚入道,能力不行,诚心求教,有板砖尽管扔,心不诚者请务浪费板砖。简单介绍: 1.使用Jquery 中的Json进行前后台交互及相关数据传递。 2.使用Asp.Net 中的一般处理程序(ashx)进行后台操作。 3.简单使用IbatisNet框架进行数据读取。思路: 在前台页面上保存页码索引,使用jquery对次页码进行操作(上下页、首尾页的页码索引... 阅读全文
posted @ 2011-12-22 23:14 火腿骑士 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 星级评分--jQuery插件 以前写过一篇文章以jquery为基础的星星评分,今天有时间把这个功能重写,并以jQuery插件的形式出现以便以后使用。 首先看一下运行效果如下图所示。 鼠标移到星星上该星星前面的所有星星全部变亮,鼠标单击将记录点击的星星数,前面的所有星星将变亮。 一、原理本程序的原理是这样的:一个“ul”标签,该标签的背景为灰色的星星,控制“ul”标签的宽度显示星星的数量。例如:一个星星图片的宽度为23px,那么要显示10个星星,则“ul”的宽度为230px就可以显示10个星星。 n个“li”标签,n表示您要显示星星的个数,例如你要显示10个星星那么将有10个“li”标签。那么. 阅读全文
posted @ 2011-12-22 23:10 火腿骑士 阅读(164) 评论(0) 推荐(0) 编辑
摘要: (function($) {// 在这个函数体里,$可作为jQuery的引用// 很方便,对吧?})(jQuery); 阅读全文
posted @ 2011-12-22 23:04 火腿骑士 阅读(123) 评论(0) 推荐(0) 编辑
摘要: jQuery学习笔记 1 基础HTML :一个人的裸体,是一个人的物质基础,是一个结构。CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人。JavaScript :一个人的灵魂,使一个人具备了生命,让它动起来了。2 jQuery的基础2.1 jQuery对象引用jQuery = window.jQuery = window.$ = function( selector, context ) {...}在jQuery库内还有两个_$和_jQuery用来备份原先导入的库,备以后使用noConflict()交还使用权。2.2 jQuery的prototype引用jQuery.f.. 阅读全文
posted @ 2011-12-22 22:57 火腿骑士 阅读(157) 评论(0) 推荐(0) 编辑
摘要: JQuery方法查询 1一、核心:$是jquery类的一个别名,$()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。 21、 ${表达式}:根据这个表达式来查找所有匹配的元素。 3 eg:$("div>p"); 查找所有p元素,且这些p元素都是div的子元素. 4 $("input:radio",document.forms[0]); 查找文档第一个表单中,所有的单选按钮。 5 $("div",xml.responseXML); 阅读全文
posted @ 2011-12-22 22:31 火腿骑士 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 在的init就是fn和prototype的一个方法。想调用只能 jQuery.fn.init()或者是jQuery.prototype.init(),那怎么办呢?你看我们一般都是这样调用fn里面的函数,$().xxx(),那就要想办法在jQuery中返回fn或者是protoype对象,为了达到这个目的实际上return jQuery.prototype就可以实现,但是程序本身还需要执行init这个方法,那就是下边的代码起了作用,把fn在绑定到init的 prototype原型上,这时候就相当月申明了一个jQuery.fn.init类,而且原型指向fn对象,是不是就统一了?这句效果就相当于 jQ 阅读全文
posted @ 2011-12-22 22:00 火腿骑士 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 浅析jQuery框架与构造对象 这是一些分析jQuery框架的文字 针对jQuery 1.3.2版本 面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识 4.熟练使用jQuery框架 言归正传! jQuery对象的初始化是写在匿名函数里的 就像这样: (function(){alert("jQuery框架分析")})(); 第一个括号是声明了一个函数,第二个括号是执行这个函数。也就是说,jQuery框架在页面载入的时候已经做了一些事情(这个个匿名函数已经被执行了)。做的这些事情使我们可以通 阅读全文
posted @ 2011-12-22 21:54 火腿骑士 阅读(181) 评论(0) 推荐(0) 编辑
摘要: C# ??(问问,问号问号)运算符,可空值(申明加?(问号))的克星?? : 如果"??" 运算符左操作数非空, 返回左操作数,如果"??" 运算符左操作数为空, 或者是没定义的, 则返回右操作数.例子:int a = b ?? 1; //b 未定义 所以等价于 int a=1;string s=null;string sb= s ?? ""; //s为空, 所以等价于 string sb="";string s="我不是null的哦!";string sb=s ?? ""; 阅读全文
posted @ 2011-12-22 18:20 火腿骑士 阅读(200) 评论(0) 推荐(0) 编辑
摘要: /* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0) * Example: jQuery("Textarea").textli 阅读全文
posted @ 2011-12-22 18:15 火腿骑士 阅读(203) 评论(0) 推荐(0) 编辑
摘要: // //使用方法 //$(文本域选择器).insertContent("插入的内容"); //$(文本域选择器).insertContent("插入的内容",数值); //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择,-1表示插入文字两边各少选中一个字符。 // //在光标位置插入内容, 并选中 (function($) { $.fn.extend({ insertContent: function(myValue, t) { var $t = $(this)[0]; if (document.selection) { //i 阅读全文
posted @ 2011-12-22 18:06 火腿骑士 阅读(287) 评论(0) 推荐(0) 编辑
摘要: JS 获取浏览器窗口大小 常用:JS 获取浏览器窗口大小?12345678910111213141516// 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((docume 阅读全文
posted @ 2011-12-22 18:04 火腿骑士 阅读(185) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript"> //滚动插件 (function ($) { $.fn.extend({ Scroll: function (opt, callback) { //参数初始化 if (!opt) var opt = {}; var _this = this.eq(0).find("#scrollDivContent:first"); var lineH = _this.find(".syhybox:first").outerHeight(), //获取行高 line = op 阅读全文
posted @ 2011-12-22 18:02 火腿骑士 阅读(145) 评论(0) 推荐(0) 编辑
摘要: json的使用 前后台统一以对象的方式编程 前台插件的介绍jquery.json 插件{jQuery插件}主要方法:$.toJSON(json对象): 将json对象转化为字符串 $.evalJSON(str): 将字符串转化为json对象插件下载: jquery.json-2.3.min.js后台工具的介绍json.net主要方法:将对象转为json字符串:?12User u = new User() { Id = 1000, Name = "小白", Age = 50 }; string returnStr=JsonConvert.SerializeObject(u); 阅读全文
posted @ 2011-12-22 17:59 火腿骑士 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 翻译原文:http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/.bind(),.live(), 和.delegate()之间的区别并不明显。但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug。基础DOM树首先,图形化的HTML文档能帮助我们更好的理解。一个简单的HTML页面看起来应该像这样事件冒泡(也称作事件传递)(Event bubbling aka event propagation)点击一个链接,触发绑定在链接元素上的click事件, 阅读全文
posted @ 2011-12-22 14:42 火腿骑士 阅读(153) 评论(0) 推荐(0) 编辑
摘要: jQuery的.live()和.die() 翻译原文地址:http://www.alfajango.com/blog/exploring-jquery-live-and-die/很多开发者都知道jQuery的.live()方法,他们大部分知道这个函数做什么,但是并不知道是怎么实现的,所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些,但是你意识到.die()了吗?什么是 .live().live方法类似于.bind(),除此之外,它允许你将事件绑定到DOM元素上,可以将事件绑定到DOM中还不存在的元素上,看看下面的例子:比方说当用户在点击 阅读全文
posted @ 2011-12-22 14:40 火腿骑士 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 文将介绍20个最新的jQuery效果,还有值得一提的是8月份jQuery 发布移动设备版本 jQuery Mobile。 1.Custom Animation Banner with jQuery通过使用jQuery Easing和jQuery 2D Transform插件,创建自定义animation banner。View Demo(查看示例)2.快速反馈表 – jQuery & PHPMartin Angelov 将教你如何快速的创建用于接收来自用户反馈的解决方案,使用到了jQuery, PHP 和 PHPMailer类。View Demo(查看示例)3.Wijmo – jQue 阅读全文
posted @ 2011-12-22 14:09 火腿骑士 阅读(168) 评论(0) 推荐(0) 编辑
摘要: Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹,用来存放上传的文件。进行完上面三步后项目的基本结构如下图: 4 Default.aspx的html 阅读全文
posted @ 2011-12-22 14:02 火腿骑士 阅读(144) 评论(0) 推荐(0) 编辑
摘要: jQuery XML to JSON Plugin插件是通过用js代码实现将xml文件转换为json格式的数据,方便读取,特别是用ajax读取xml后,对返回的接送格式进行操作非常方便。例如:<xml><site>javachen.com</site></xml>通过jQuery XML to JSON Plugin可以将上面的xml转换为一下json格式:{ site:'javachen.com';}插件使用方法:varxml='<xml><site>javachen.com</site&g 阅读全文
posted @ 2011-12-22 14:00 火腿骑士 阅读(751) 评论(0) 推荐(0) 编辑
摘要: jQuery新版本加载json注意事项。jQuery在1.4版本后,采用了更为严格的json解析方式,所以所有内容都必须要有双引号。比如以前{key:”28CATEGORY”,status:”0″}是没问题的。但升级成1.4后,都必须加上双引号:{“key” : “28CATEGORY”,“status” : “0″}如果你的jquery升级了版本后,ajax加载json报错,有可能就是这个原因。 阅读全文
posted @ 2011-12-22 13:59 火腿骑士 阅读(166) 评论(0) 推荐(0) 编辑
摘要: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQueryAutocomplete plugin比较强大,我们就来写一些代码感受一下。jquery-autocomplete配置:<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script><sc 阅读全文
posted @ 2011-12-22 13:00 火腿骑士 阅读(457) 评论(0) 推荐(0) 编辑