大家可以使用官方推荐的一下几个插件 代码如下:While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives. * colorbox * jQueryUI Dialog * fancybox * DOM window * shadowbox.js 做项目中发现facebox如果快速单击两下,容易出现黑屏。而且facebox的框架是用table写的，可能因为table相对div在结构方面更稳定些。如果弹出层里是table布局的，样式就会受到facebox的样式影响，还要...
首先贴上Jquery的ajax： 代码如下: $.ajax({ url: ws_Ajax.asmx/BindDictByUpper, type: POST, contentType: application/json;charset=utf-8, dataType: json, data: { PpareId:" + varlue + "}, success: function (data) { var dataObj = eval("(" + data + ")"); // $(#myList).html(); // for (var i = 0; i < msg.d.length; i++) { // $(#myList).append( + msg.d[i] + ); // } alert(dataObj); $.each({ name: "John", lan...
完整代码： 代码如下: $.fn.parseTemplate = function(data) { var str = (this).html(); var _tmplCache = {} var err = ""; try { var func = _tmplCache[str]; if (!func) { var strFunc = "var p=[],print=function(){p.push.apply(p,arguments);};" + "with(obj){p.push(" + str.replace(/[\r\t\n]/g, " ") .replace(/(?=[^#]*#>)/g, "\t") .split("").join("\\") .split("\t").join("") .replace(//g, ",$1,") .split(".spl...
效果图: HTML: 代码如下: aaaaaa bbbbbb ccccc ddddd AAAAAA BBBBBBBB CCCCCC DDDDDD JS: 代码如下: $(function(){ $(#chklist).hcheckbox(); $(#radiolist).hradio(); $(#btnOK).click(function(){ var checkedValues = new Array(); $(#chklist :checkbox).each(function(){ if($(this).is(:checked)) { checkedValues.push($(this).val()); } }); alert(checkedValues.join(,)); alert($(#radiolist :checked).val()); }...
随着 RIA 的广泛使用，将越来越多地使用 JavaScript 库协助开发。RIA 被定义（松散地）为通过浏览器运行的应用程序，这种浏览器结合使用 CSS/JavaScript/Ajax 创建类似桌面应用程序的外观。Firefox、Internet Explorer 和 Safari 最新发行版中新增的特性，以及 Google 新 Chrome 浏览器最近的版本，都专注于加快每个浏览器的内部 JavaScript 引擎的速度，其惟一目的是更加适应浏览器制造商为未来设计的 RIA。这些公司认为未来的 We...
一.基本选择器：#id :选择给定ID名的元素 如：$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名 二.层次选择器：$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") ：选择parent下的所有child（子）元素 $(prev+next) :选择紧...
第一步： 安装VS 2008 SP1 下载地址： http://msdn.microsoft.com/en-us/vstudio/cc533448.aspx 第二步： 安装VS 2008 SP1 补丁 KB958502 下载地址： http://code.msdn.microsoft.com/Project/Download/FileDownload.aspx?ProjectName=KB958502&DownloadId=3632 第三步： 下载jQuery-vsdoc.js文件 下载地址： http://docs.jquery.com/Downloading_jQuery （可对应版本下载） http://jqueryjs.googlecode.com/files/jquery-1.3.2.js...
情景 如何在特定的请求上实现"ajaxStart"的效果？ 首先，重写Ajax方法的代价太高，仍然可以利用jQuery自身的Ajax Events。 Ajax触发的全局事件会像一个标准事件一样传播到所有DOM节点上。层级：jQuery Events > Ajax Events > 自定义Ajax事件。 实现 代码如下: Wo = window.Wo || {}; Wo.ajax = { spinner : $([]) ,init : function() { var $spinner = this.spinner = $(#ajax-loading); var show = function(e) { if(e.namespac...
在使用JQuery的时候如果你想寻找某个容器（诸如div或者是table中的某些子元素），那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素，并且可以统一、批量的设置css等内容。 比如有这样一个table： 代码如下: 内嵌Table，行1列1 内嵌Table，行1列2 内嵌Table，行2列1 内嵌Table，行2列2 第一个Table，行2列1 第一个Table，行2列2 现在要求把所有的字体设置成蓝色，直接这样做即...
需要查找一个对象内包含的某个子对象。 为了避免和美工冲突，对特定操作对象加上id标识，美工不大改也没什么问题。 1.children("condition") 获取的是一级子元素。 2.find("condition")获取包含的所有子元素。
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 二.前言 Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一...
这里推荐使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度下载地址：http://www.appelsiini.net/download/jquery.lazyload.js一、快速使用篇 1.导入JS插件 代码如下: 2.在你的页面中加入如下的javascript： 代码如下: $("img").lazyload(); 这将会使所有的图片都延迟加载； 二、高级篇详细介绍（不想了解那么多的可以直接绕过） Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟...
使用场景，比如，选中某个省份，然后下级列表中会显示对应的城市。 1.使用Jquery-1.4.2.js和jquery.SPServices-0.5.7.js。 2.创建主表和子表，建立对应关系。 3.在List的NewItem或者EditItem page中添加Content Editor Webpart,然后在其中添加脚本代码。 4.实现， dropdownObj控件:cascadeDropdownObj控件(该控件是通过脚本附加的):该方法是通过传入参数，来返回对于字表的记录 代码如下:function GetSubDropdown(parameterVal){ c...
这里，用的jquery来做的。关键代码如下： 代码如下: //添加數據行； function AddRow(){ var vTb=$("#TbData");//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行 var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据 var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone vTrClone[0].id="t...
通过使用jquery的lazy loader插件可以实现图片的延迟加载，当网页比较长的时候，会先只加载用户视窗内的图片，视窗外的图片会等到你拖动滚动条至后面才加载，这样有效的避免了因图片过多而加载慢的弊端。 使用lazy loader插件很简单，只要在页面中引入lazy loader插件，然后为页面上的图片调用延迟加载方法就可以了。lazy loader插件的下载地址：http://www.appelsiini.net/projects/lazyload。下面先看看具体的使用方法： 代...