随笔分类 - 脚本---jQuery学习
摘要:jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实...
阅读全文
摘要:jQuery为开发插件提拱了两个方法,分别是:代码如下复制代码jQuery.fn.extend(object); 和 jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object)...
阅读全文
摘要:jquery.js与sea.js综合使用目录 模块定义 define id dependencies factory exports require require.async require.resolve require.load require...
阅读全文
摘要:1. 插件种类插件其实就是对现有的方法(或者叫函数)做一个封装,方便重用提高开发效率。jQeury主要有2种类型1)实例对象方法插件开发能让所有的jquery实例对象都可以调用的方法。也就是说,只要通过$()工厂获得的jquery实例对象,都可以调用我们开发的方法。95%的插件都是这种类型2)全局函...
阅读全文
摘要:期待已久的2013年度最佳 jQuery 插件揭晓 让人期待已久的2013年度最佳 jQuery 插件揭晓了。在过去的一年里,有很多很多的 jQuery 插件发布出来,而这里文章列出的这些插件从提供的功能更角度来看是其中的佼佼者。相信这些优秀的 jQuery 插件能够帮助Web 开发人员把一些惊艳的功能和效果轻松的应用到自己的项目中。您可能感兴趣的相关文章Web 前端开发人员和设计精华文章推荐值得Web开发人员学习的20个 jQuery 教程精心挑选的优秀jQuery Ajax分页插件和教程精心挑选的优秀 jQuery 文本特效插件和教程2013年最值得大家关注的网页设计流行趋势jQuery.
阅读全文
摘要:前面我们扩展了bind方法和ready函数,这次我要讲一下$.fn.extend 和$.extend函数。其他的不多说,直接切入主题吧!先来看看这两个函数的区别: $.fn.extend是为查询的节点对象扩展方法,是基于$的原型扩展的方法 $.extend是扩展常规方法,是$的静态方法。我们之前写的代码看一下: (function (win) { var _$ = function (selector, context) { return new _$.prototype.Init(selector, context); ...
阅读全文
摘要:这篇博文主要是分析下当前经常使用到的UI组件,他们的效果和功能一般都可以满足我们平常项目使用,但对于较复杂些的项目建议你要斟酌下再决定是否使用?如何去用?尤其是字段和数据源都是后台动态生成那么考验性更大……需求:列表页展现数据,其中列头(一般在50个以上)和数据源都是后台动态生成,每页展示10条数据、排序、列拖动等功能要求效果:方法一:后台拼凑Json格式生成Table页面加载速度:使用结果来看: 优点:速度、体验性综合排名第二 缺点:列拖动用了第三方jquery插件但是效果上不是很好,另外虽然是ajax无刷新页面加载数据但是在排序、分页时数据表格需要重新绘制所以会有点给人抖动的感觉方...
阅读全文
摘要:一、源码思路分析总结[ 作者:华子yjh ]概要:jQuery的核心思想可以简单概括为“查询和操作dom”,今天主要是分析一下jQuery.prototype.init选择器构造函数,处理选择器函数中的参数;这个函数的参数就是jQuery()===$()执行函数中的参数,可以先看我之前写的浅析jQuery基础框架一文,了解基础框架后,再看此文。思路分析:以下是几种jQuery的使用情况(用于查询dom),每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象),该对象包含查询的dom节点):1、处理 $(""), $(null), $(undefin
阅读全文
摘要:http://www.cnblogs.com/haogj/archive/2010/08/07/1794623.htmljQuery 的原型关系图黄色的为对象,蓝色的为函数。一、核心部分核心部分实现了两种选择器,使用 id 和标记名,还可以提供 css 的设置,以及 text 的设置。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1//#表示在jQuery1.4.2中对应的行数23//定义变量undefined方便使用4varundefin
阅读全文
摘要:选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方。本文已经同步至我的个人博客站点:积累吧|jQuery选择器大全(48个代码片段+21幅图演示)一、基本选择器1. id选择器(指定id元素)将id="one"的元素背景色设置为黑色。(id选择器返单个元素)$(document).ready(functi
阅读全文
摘要:jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text3. var checkValue=$("#select_id").val(); //获取Select选择的Value4. var check
阅读全文
摘要:$(this).rules("add", { required: true, messages: { required: "选择节点时必填!"} }); $(this).rules("remove");
阅读全文
摘要:默认情况下,验证提示信息用label元素来显示, 并且会添加css class, 通过css可以很方便设置出错控件以及错误信息的显示方式。 /* 输入控件验证出错*/ form input.error { border:solid 1px red;} /* 验证错误提示信息*/ form label.error{width: 200px;margin-left: 10px; color: Red;} 如果想自定义显示方式,可以修改jquery.validate的默认显示方式 默认用label显示错误消息,可以通过errorElement属性来修改 errorElement: 错误消息的html
阅读全文
摘要:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=&quo
阅读全文
摘要:rules:{ "fee.name":{ required:true, remote:{ url:"../fee/addFee!validName.xhtml", type:"post", dateType:"json", data:{name:$("#name").val()} } } }
阅读全文
摘要:ICriteria iCriteria = _SessionFactory.GetCurrentSession().CreateCriteria(typeof(Cardtype)); if (cardtype.Cardtypeid != null) { iCriteria.Add(Restrictions.Like("Cardtypename", "12%")); } if (cardtype.Cardtypeid != null) { iCriteria.Add(Restrictions.Like("Cardtypename", &
阅读全文
摘要:在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列不同操作的情况:(在这,我把例子的情况完全整合到了js里面配置实现,如有习惯于js实现方式的也可参考)html:<table id="comTypeAndPropertyTree"></table>//个人觉得这样更显的页面清晰,所有的配置都放到js里实现js:var types = [ {typeId:0,typeName:'Normal
阅读全文
摘要:在easyui中的datagrid和treegrid两个应用中,我们会用到对editor设置单行编辑时每列的编辑类型,这个的应用在easyui下载的包目录的Demo文件夹中也可找到应用例子,如:html:<table id="tt" title="TreeGrid" class="easyui-treegrid" style="width:600px;height:300px"url="treegrid_data3.json" idField="id" treeFiel
阅读全文
摘要:前言 上一篇文章(详解强大的jQuery选择器之基本选择器、层次选择器)介绍了jQuery四类选择器中的基本选择器、层次选择器,本文将介绍剩下的两种选择器:过滤选择器、表单选择器。 本文仍使用上一篇文章中的示例页面。一、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需要的DOM元素,过滤规则与CSS中的伪类选择器语法相同。 按照不同的过滤规则,过滤选择器可以分为以下几种: 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 下面就对这几种过滤选择器分别加以介绍。1.1基本过滤选择器 ...
阅读全文
摘要:jQuery插件的种类1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势,有相当一部分的jQuery的方法,都是在jQuery脚本库内部通过这种形式“插”在内核上的,例如parent()方法,appendTo()方法等。2、封装全局函数 可以将独立的函数加到jQuery命名空间下。如常用的jQuery.ajax()方法、去首尾空格的jQuery.trim()方法,都是jQuery内部作为全局函数的插件附加到内核上去的。3、选择器插件 虽然jQuery的选择器十分强大,但在少数情...
阅读全文

浙公网安备 33010602011771号