Jquery
一枝独秀2013
这个作者很懒,什么都没留下…
展开
-
jquery中position定位选项
官方参考http://jqueryui.com/position/.position()Categories: Method Overrides | Methods | Utilities.position( options )Returns: jQueryversion added: 1.8Description: Position an el转载 2012-10-12 11:31:46 · 4863 阅读 · 0 评论 -
JQuery EasyUI 对话框的用法
jQuery EasyUI 对话框(Dialog)用法与EasyUI的窗口用法极为相似,最终的效果图也只与窗口的效果图差几个按钮,下面看一下EasyUI的对话框效果图js代码: 代码 1 script language="javascript" type="text/javascript"> 2 function Open_转载 2012-09-03 01:00:22 · 3920 阅读 · 1 评论 -
IIS支持解析json
IIS支持解析json一、 windows XP1. MIME设置:在IIS的站点属性的HTTP头设置里,选MIME 映射中点击”文件类型”-”新类型”,添加一个文件类型:关联扩展名:*.json内容类型(MIME):application/x-javascript2. Script Map Handler设置:还是在IIS的站点属性里,”主转载 2012-09-01 01:52:14 · 524 阅读 · 0 评论 -
jQuery 源码分析笔记(5) jQuery.support
其中jQuery.browser已经提供了根据UserAgent检测的浏览器信息。而jQuery.support 使用特性检测来检查浏览器的功能以及Bug。和文档一样,首先说明一下,这个模块是很底层的代码,基本不需要在日常开发中使用,但是插件的开发者更需要。因为插件需要兼容各个浏览器。首先看一下 support模块提供了哪些浏览器特性的检测,以下结果是在Chrome 13转载 2012-08-30 15:33:01 · 402 阅读 · 0 评论 -
jQuery中live与bind方法的区别
jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说 Click here可以给这个元素绑定一个简单的click事件:$('.clickm转载 2012-08-30 01:06:06 · 944 阅读 · 1 评论 -
js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中:转载 2012-08-29 16:32:09 · 601 阅读 · 0 评论 -
2012 08 May jQuery全面解剖系列(一)Deferred风格的Ajax
先宣佈一件事:考慮到正體字在華人世界中通行度更高,以後本站全部改用正體字, 如遇到中國和港臺在稱呼上有衝突的計算機詞彙一律使用英文代替。最近准備寫一個系列的文章來談jQuery的種種技巧和原理。今天講Deferred風格的Ajax,本篇分爲兩部分,第一部分介紹Deferred風格的Ajax的基本使用,第二部分深入一點介紹原理。基本使用Deferred是jQuery1转载 2012-08-29 23:51:33 · 549 阅读 · 0 评论 -
JQuery 获取浏览器宽高 分辨率
$(document).ready(function() {alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度alert($转载 2012-08-29 16:37:20 · 5542 阅读 · 0 评论 -
jqery注意点总结
Html 用 $("#id1").css("height"),$(".c1").css("height"),$("#id1").height() ,$(".c1").height() 四种方式均返回undefined用$("div:first").height()返回确切数字 50 $("div:first").css("hei原创 2012-08-29 19:00:17 · 604 阅读 · 0 评论 -
Ajax应用常见的HTTP ContentType设置
ajax开发中, 常遇到下面的几种情况:1 服务端需要返回一段普通文本给客户端2 服务端需要返回一段HTML代码给客户端3 服务端需要返回一段XML代码给客户端4 服务端需要返回一段javascript代码给客户端5 服务端需要返回一段json串给客户端对于每一种返回类型,规范的做法是要在服务端指定 response的contentType。(当然 不指转载 2012-08-12 22:28:46 · 705 阅读 · 0 评论 -
240个jquery插件
jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html转载 2012-04-13 17:23:25 · 424 阅读 · 0 评论 -
1000个jquery插件收集
.accordion类基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书:www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQ转载 2012-04-13 17:21:19 · 900 阅读 · 0 评论 -
处理jquery版本之间冲突
大家都知道jquery版本有好多,之间冲突很纠结。比如我刚来这公司的时候,后端的哥们用的是jQuery 1.3.2,我了个去,那哥们好久没更新了。我写的效果插件都是最新的jquery1.7.1。不兼容蛋疼啊,参考前人资料,看书。找到一个和平共处var j = jQuery.noConflict(true);$(“document”).ready(functi转载 2012-05-30 11:37:16 · 586 阅读 · 0 评论 -
jQuery创建自己的插件(自定义插件)的方法
在该系列之前的文章使用 jQuery:UI 项目中,我介绍了使用 jQuery 代码中的插件来提高 web 应用程序的效率但必须知道,这些插件不是自己凭空产生的,它们是由开发人员编写、测试并完善的,这些人员为 jQuery 社区奉献了自己的业余时间。我们做这些都是免费的,是出于对自己代码的热爱。本文主要关注您如何回报这个伟大的社区,即如何编写自己的插件并上传到 jQuery 的插件页面转载 2012-08-28 17:28:14 · 1071 阅读 · 0 评论 -
jQuery 学习第七课 扩展jQuery的功能 插件开发
jQuery的主体如下: (function(){ ……})(); 对于Javascript基础不太好好的人来说比较奇怪。实际上,这个表达式声明了一个匿名函数(第一个括号),然后再执行它(第二个括号)。在这个函数中,完成了jQuery一系列方法和对象的定义。第24行很关键, 代码如下:jQuery = window.jQuery = window.$ = fun转载 2012-08-28 17:47:28 · 348 阅读 · 0 评论 -
easyui datagrid editors扩展之combogrid
定义:01$.extend($.fn.datagrid.defaults.editors, {02 combogrid: {03 init: function(container, options){转载 2012-09-14 17:02:11 · 6015 阅读 · 2 评论 -
JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列
前言JQuery easyUi datagrid 中 使用datagrid生成数据列表后,需要在每一行加入一个操作按钮列,按钮在默认非编辑状态下是不显示的,需要激活行编辑状态下才显示,故不能再formatter处理,需要使用自定义按钮来处理了。解决方法第一步:新增自定义编辑器自定义编辑器在 jquery.easyui.extend.js 增加,需要实现编辑器的4个默认方法,转载 2012-09-13 11:02:20 · 13612 阅读 · 0 评论 -
jquery.validate.js表单验证
一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/API: http://jquery.bassistance.de/api-browser/plugins.html官方文档:http://docs.jquery.com/Plugins/Validation/Methods当前版转载 2012-09-09 18:27:59 · 2753 阅读 · 1 评论 -
jquery中position定位options参数
jQuery提供了一个Position函数,可以很方便的对Html元素进行定位,简单的使用方法如下:1$(".daygrid").click(function(event){2 clickedGrid = $(this);3转载 2012-09-11 13:47:42 · 1445 阅读 · 0 评论 -
jquery国产表单验证
http://validform.rjboy.cn/转载 2012-09-09 21:31:23 · 395 阅读 · 0 评论 -
jquery.validate.js的基本用法入门
jquery.validate.js是jquery下的一个验证插件,功能比较强大,早就有所耳闻但是一只没有动手用过,现在在于能够研究一下了。这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录。先贴一个国内某大公司的代码: JavaScript代码"text/javascript"> function lang(key) { m转载 2012-09-09 18:26:16 · 556 阅读 · 0 评论 -
Jquery 中的CheckBox、 RadioButton、 DropDownList的取值赋值
随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。 Radio转载 2012-08-29 01:37:47 · 371 阅读 · 0 评论 -
jQuery 学习第五课 Ajax 使用说明
Query提供了若干个ajax函数,他们大同小异,只是为了处理不同类型的数据而分开来。最简单的是get(url,parameters,callback),这个函数发起一个GET请求,将服务器返回的数据传递给callback处理。 下面的例子实现了当鼠标悬浮在超链接上的时候,就发起一个ajax请求,从服务器端返回关于此超链接的更多介绍的效果。先看服务器端代码,新建一个ajaxload.ashx,仅作转载 2012-08-28 17:49:53 · 396 阅读 · 0 评论 -
jQuery 学习第六课 实现一个Ajax的TreeView
最终实现的效果是一个目录文件查看器,如图所示: 其原理是,当用户单击一个目录的时候,将这个目录的路径发送给服务器端,服务器端返回这个目录中的文件和目录信息。在服务器端,定义一个如下的类来表示要传递的文件信息: 代码如下:public class FileInformation { public string FullPath { get; set;转载 2012-08-28 17:48:41 · 418 阅读 · 0 评论 -
JQuery select标签操作代码段
下面几个常用的代码或许对您有帮助: 代码如下://1.获取选中option值 $('#selectList').val(); //2.获取选中option的文本 $('#selectList :selected').text(); //3.获取多个选中option值、文本 var foo = []; $('#multiple :selected').ea转载 2012-08-28 17:54:13 · 458 阅读 · 0 评论 -
Jquery Select操作方法
jQuery这个框架方便了我们对于HTML元素的操作,本来以为自己对于Select操作也算是熟悉了,但上午在测试的时候才发现自己了解的还真不多。 看了一下jQuery的一些方法后,理出了一些常用的方法,列在下面: //获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:l转载 2012-08-28 17:52:48 · 359 阅读 · 0 评论 -
JQUERY获取text,areatext,radio,checkbox,select值
function get_form_value(){ /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value");//或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获取复选框的值*/原创 2010-08-27 02:08:00 · 422 阅读 · 0 评论 -
DataTable转换成JSON
<br />public class ToJSON<br /> {<br /> /// <summary><br /> /// DataTable 转换成 JSON<br /> /// </summary><br /> /// <param name="dt">需要转换的DataTable</param><br /> /// <returns>JSON结构字符串</returns><br /> public stati转载 2010-08-15 16:00:00 · 391 阅读 · 0 评论 -
DataTable或DataSet与JSON互转
#region dataTable转换成Json格式 /// <summary> /// dataTable转换成Json格式 /// </summary> /// <param name="dt"></param> /// <returns></returns> public static string DataTable2Json(DataTable dt) { StringBuilder jsonBuilder = new StringBuilder(); jsonB转载 2010-08-15 15:58:00 · 577 阅读 · 0 评论 -
jQuery中10个强大的遍历函数
<br />为什么我们要进一步提炼一系列元素,难道是jQuery选择语法不够强大?让我们从示例开始。在下面提到的网页中,当一个star被点击时,我们需要给它以及左边的每个star添加class“on”。首先,让我们看看下图所示的简单的页面,通过这个教程我们将选择这些元素。<br />51CTO推荐专题:jQuery从入门到精通<br /><br />◆div.container是包裹元素;<br />◆div.photo、div.title、div.rating是div.container的直接子级;<br转载 2010-07-24 16:39:00 · 417 阅读 · 0 评论 -
jQuery构建未来Web应用程序
<br />jQuery正在成为Web开发人员首选的JavaScript库,与此同时,人们对富Internet应用程序(Rich Internet Application,RIA)的需求也在不断的增长,随着RIA的增多和功能的日益复杂,JavaScript库将会变得越来越重要,那么jQuery无疑是将您的最佳选择。<br />51CTO推荐专题: jQuery从入门到精通<br />示例应用程序在这个Web邮件应用程序的额外小部件中包含了各种东西,展示了如何创建一个客户端的富应用程序,并且根据与页面的交互来转载 2010-07-24 16:35:00 · 631 阅读 · 0 评论 -
jQuery高级应用:优化Web应用程序的最后绝招(4)
<br />第二个示例Web应用程序<br />我将使用另一个小部件解决本文的最后3个问题,并且在深入研究其代码之前展示和解释它。这个401k小部件并不陌生,因为您已经在前面的文章见过它(参见参考资料部分获取这些文章的链接)。不过,这回有个微妙的不同之处,因为我在同一个页面上两次添加了这个小部件。它被添加到两个不同的表中。这将带来几个有趣的地方。图3显示了这个小部件:<br /><br />在这个小部件中,我正在做几件事情。第一件是计算文本字段之和并确定它们是否为100。如果它们的和不为100,我将向用户显原创 2010-07-24 16:15:00 · 470 阅读 · 0 评论 -
jQuery高级应用:优化Web应用程序的最后绝招1
在本文中,我将讨论代码的性能改进,同时也谈及一些关于jQuery库的容易被忽视的问题。有些东西对于复杂的应用程序而言至关重要,即对所有应用程序都非常关键的插件,以及使应用程序的编写更加容易的良好设计技巧。<br /> <br />jQuery让编写基于JavaScript的良好Web应用程序变得简单明了,但是要想将好的Web应用程序变得更出色还需要额外几个步骤。本文详细阐述几个让Web应用程序变得更强大的步骤,这些步骤是优化您的Web应用程序的最后绝招。<br />51CTO推荐专题:jQuery从原创 2010-07-24 16:10:00 · 377 阅读 · 0 评论 -
Jquery调用webservice
<br />简介:这是jQuery AJAX 调用WebService实现代码的详细页面,介绍了和javascript,有关的知识,加入收藏请按键盘ctrl+D,谢谢大家的观看!要查看更多有关信息,请点击此处<br />用jQuery调用其他项目的WebService <br />实现登录验证功能 <br />html输入用户名密码: <br />代码复制代码 代码如下:<br /><table style="width: 400px"> <br /><tr> <br /><td style="width:原创 2010-07-24 18:19:00 · 339 阅读 · 0 评论 -
改变获取对象方式 万能的jQuery选择器
<br />编写任何javascript程序我们要首先获得对象,jQuery选择器可以获取几乎任何语意的对象,比如"拥有title属性并且值中包含test的元素",完成这些工作只需要编写一个jQuery选择器字符串,学习jQuery选择器是学习jQuery最重要的一步。<br />51CTO推荐专题: jQuery从入门到精通<br />Dom对象和jQuery包装集<br />无论是在写程序还是看API文档, 我们要时刻注意区分Dom对象和jQuery包装集。<br />1.Dom对象<br />在传统转载 2010-07-24 16:27:00 · 589 阅读 · 0 评论 -
jQuery高级应用:优化Web应用程序的最后绝招(2)
<br />Live/Die<br />jQuery 1.3版本的另外两个强大的新特性是live()和die()函数。通过一个示例可以看到它对构建设计良好的Web应用程序的作用。想像一下对表中的每个单元格都添加一个双击。作为jQuery老手,您应该知道要在document.ready()函数中设置双击,如清单4所示。$("tr.messageRow").dblclick(function(){ if($(this).hasClass("mail_unread")) { $(this).removeCl原创 2010-07-24 16:11:00 · 337 阅读 · 0 评论 -
Jquery中的事件和动画
<br />简介:这是锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)的详细页面,介绍了和javascript,有关的知识,加入收藏请按键盘ctrl+D,谢谢大家的观看!要查看更多有关信息,请点击此处<br />一、事件 <br /><br />1 加载DOM <br />复制代码 代码如下:<br />$(document).ready(function(){//...}) <br />DOM加载完毕后执行,在可重复使用上区别于window.onload=function(){原创 2010-07-24 18:27:00 · 387 阅读 · 0 评论 -
jQuery核心函数详解
<br />熟练使用jQuery中的函数,能够大大提高我们的工作效率,jQuery的很多核心功能,也是通过函数实现的。之前51CTO也曾报道过《一些应该熟记于心的jQuery函数和技巧》,而本文将带您了解jQuery的四个核心函数。<br />jQuery(expression,[context])<br />这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。jQuery的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这原创 2010-07-24 16:24:00 · 2285 阅读 · 0 评论 -
jQuery高级应用:优化Web应用程序的最后绝招(6)
<br />结束语<br />本文提供一些技巧,帮助您将良好的jQuery代码转变成强大的jQuery代码。jQuery非常简单易用(并且是独立的JavaScript的巨大改进),因此编写良好的jQuery代码也很容易。大部分开发人员在几分钟之内编写完并运行良好的jQuery代码。但是良好的代码和强大的代码是有区别的。强大的jQuery代码考虑随着页面越来越复杂时的性能问题。强大的jQuery代码能够考虑到页面的未来方向,而不是仅看到当前的位置。强大的jQuery代码是为最复杂的应用程序设计的,然后让应用程原创 2010-07-24 16:18:00 · 384 阅读 · 0 评论 -
jQuery高级应用:优化Web应用程序的最后绝招(5)
<br />名称空间<br />可能处理这种类型的设计和jQuery的最难解方面是理解名称空间。这个例子很好,因为它以一种很直观的方式展示了该问题。知道页面上的所有ID和类时,编写jQuery代码是非常简单的。这就是jQuery的设计目标。当您不知道页面上有几个类时,或这些类开始重复时,会发生什么呢?在这个例子中,您可以直接看到问题,有两个完全相同的小部件!所有东西都是重复的。这似乎是不考虑名称空间引起的问题;您的小部件开始彼此干扰,最终导致不能正常工作。<br /><br />造成这个问题的原因是您仅调用原创 2010-07-24 16:16:00 · 394 阅读 · 0 评论