文章分类 - jquery
摘要：JQuery点击行 （tr）实现checkBox选中 标题描述的有点不贴切，但希望大家能够明白，为了更形像的表达，我特意录制了一张GIF动画图片。 我不知道实际开发中有没有用到这种效果，但我个人认为，这种方式更人性化，因为只要点到一行，就可以使CheckBox.checked=true； 不用非得点复选按钮才能实现;实现的过程有点纠结，试了几次都没成，最后用了一个笨笨的方法，就是点击行的时候，让他的子元素(td)的背景颜色为红色.(因为我用到了光棒效果，如果我点击行（td）的时候，颜色是变了，但鼠标一离开的时候就又变回原来的颜色了)可能你会问我了，那你咋判断CheckBox的状态是不是che.
阅读全文
摘要：jQuery是目前使用最广泛的javascript函数库。 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。 虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。 目前，互联网上最好的jQuery入门教材，是Rebecca Murphey...
阅读全文
摘要：摘要：jQuery已经不是什么新鲜的事儿，以前总把它认为是非常难的东西，也就没有认真去了解他了。这篇文章的最重要内容是来自Web Designer Wall的一篇教程，一篇包含了10个jQuery特效的教程。[1] Web设计师值得收藏的10个jQuery特效[2] Web设计师值得收藏的10个jQuery特效 jQuery已经不是什么新鲜的事儿，以前总把它认为是非常难的东西，也就没有认真去了解他了。直到学完CSS的大部分内容，才开始接触这种"write less, do more" 的Javascrīpt框架。这篇文章的最重要内容是来自Web Designer Wall的
阅读全文
摘要：本文主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。 1. 使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。 下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find(&#
阅读全文
摘要：jquery 使用方法 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，
阅读全文
摘要：快捷键是Gmail和Windows Live Mail这些流行的Web应用程序的一个特性，用来在执行普通的操作时节省时间，不用再在键盘和鼠标之间来回切换。在这篇短文中，我会演示一个如何用jQuery在ASP.NET超链接控件上实现快捷键。 注意：为了演示方便，我把jQuery代码与前台代码放到同一页面上。理想情况下，为了便于维护这些资源，应当把它放到一个单独的文件夹下。让我们快速进入解决方案，看看如何使用jQuery在ASP.NET超链接控件上实现快捷键代码 Code highlighting produced by Actipro CodeHighlighter (freeware)ht..
阅读全文
摘要：电子商务网站支付功能页面往往会有很多信息，对于这些信息的保存，往往是分步完成的，那么使用Ajax最合适不过了，比如其中的收货人信息模块。这些信息的新建和编辑保存都是用Ajax来完成的。那么有几种方式完成这个操作呢，我想到如下几种。powered by 25175.net先来看看该功能的截图：498)this.width=498;">一般情况下这些信息会对应一个实体类，就命名为：ReceiverInfo，简单起见，我定义ReceiverInfo如下：498)this.width=498;">1、将需要的值拼接成json文本，再Action里面处理首先您需要将要保存
阅读全文
摘要：不知道大家使用jQuery UI Dialog 内嵌iFrame页面时候遇到拖曳延迟等问题没有，或者是对mousedown，mouseup事件触发不敏感。特别在同时弹出多个dialog非常明显。很明显问题症结所在就是iframe，所以对症下药就是要把iframe藏起来。在同时不影响用户体验的同时，我的解决方案是：在触发拖曳事件前将整个dialog加一层透明遮罩层，拖曳停止remove掉这个遮罩层。直接贴代码，由于只贴部分关键处理代码。。如果有兴趣可以留言给我。代码片段：Js代码 //弹出页：frame页面 functionshowFrameDialog(url,pageid,height,wi
阅读全文
摘要：Jquery运用 要求：使用jquery实现Access数据库添加数据并返回带翻页的数据列表字段名称数据类型长度IDintnamevarchar50addressvarchar500qqvarchar201.编写客户端代码jQueryAjax = function(data, callback, manage) { this.loading(); jQuery.ajax({ type: "POST", url: "Edit/Editor.aspx", data: data, async: true, success: function(text, sta
阅读全文
摘要：Page1:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="page1.aspx.cs" Inherits="WebTestDelegateEvent.page1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
阅读全文
摘要：JS 时间格式化函数view sourceprint?01//时间格式化函数 02Date.prototype.format = function (format) { 03var o = { 04"M+": this.getMonth() + 1, //month 05"d+": this.getDate(), //day 06"h+": this.getHours(), //hour 07"m+": this.getMinutes(), //minute 08"s+": this.getSe
阅读全文
摘要：/* input 和 textarea 最大文字限定插件 02* 修改版, 一个中文表示1一个字, 一个英文半个字; 03* TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields 04* 05* pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0) 06* Example: jQuery("Textarea&quo
阅读全文
摘要：// 02//使用方法 03//$(文本域选择器).insertContent("插入的内容"); 04//$(文本域选择器).insertContent("插入的内容"，数值); //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择，-1表示插入文字两边各少选中一个字符。 05// 06//在光标位置插入内容, 并选中 07(function($) { 08$.fn.extend({ 09insertContent: function(myValue, t) { 10var $t = $(this)[0]; 11if (docum
阅读全文
摘要：asp.net 仿腾讯微薄提示“还能输入*个字符”的实现 textbox如果设置TextMode="MultiLine"则它的MaxLength设置的值就无效；为了能达到像腾讯微薄、新浪微薄那样的提示的效果（腾讯和新浪微薄文本框用到的应该是textarea），尝试如果不考虑用鼠标操作粘贴、删除textbox的内容，用jquery的keyup和keydown能实现，下面是实现的一个技巧，用到了js的计时器（当焦点在textbox中则“开启”计时器，失去焦点则“关闭”计时器），很好的解决了鼠标操作粘贴、删除textbox的内容不能改变字符个数的问题首先在head标记中添加如下j
阅读全文
摘要：Jquery 中的CheckBox RadioButton DropDownList的取值赋值 Jquery 中的CheckBox、RadioButton、DropDownList的取值赋值随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、 Radiobutton 、 DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。Radio1.获取选中值，三种方法都可以： $('input:radio:checked
阅读全文
摘要：为GridView添加列汇总的方法可谓是丰富,但是无外乎分两种客户端操作,服务器端操作.我经常用的是客户端操作,为了方便,文中使用JQuery写代码.例如我们有这样的数据网格,现在我们想要在下面加入一汇总行,计算人数,奖金总额.首先,计算共多少人方法如下:view sourceprint?1function GetPersons() 2{ 3var total = 0.00; 4//计算共多少数据行,去除标题行 5total = $('#GridView1').find('tr').length-1; 6return total ; 7}然后我们在计算奖金总额:
阅读全文
摘要：本文主要列举了省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例。前段时间需要作一个的Web前端应用，需要用多个框架，一个典型的应用场景是省市三级联动，基于此应用，特将三种主要的ajax框架略作整理，方便有需要的朋友查阅。在示例之前，我们先设置一个演示数据源，新建一个项目，项目结构如图：主要文件如下： AreaModel.cs:view sourceprint?02using System; 03using System.Collections.Generic; 04namespace Downmoon.Framework.Model 05
阅读全文
摘要：先上图：其实里面的对话框是一个iframe，不把他们做到一个页面中主要方便模块式开发，而且可以带来禁用javascript的时候也能打开编辑界面的效果（当然关闭的时候还需要处理一下）：主要代码：把iframe显示为一个模拟对话框：$("<iframe id='editFrame' src='EditPersonPage.aspx?action=insert' />").dialog({ autoOpen: true, modal: true, title: "新增人员" });主界面： <script t
阅读全文
摘要：http://www.skygq.com/2011/02/08/jquery-stop-propagation/http://zhangziqiu.cnblogs.com/
阅读全文
摘要：jQuery 一直追求效率，简洁，有很多强大的插件 (写更少的代码,做更多的事情)。最近收集了一些，分享出来50多个强大的jQuery插件应用实例37个更加出色的jQuery插件45个新鲜出炉的jQuery插件51+最佳jQuery教程和示例30多个CSS和JS下拉菜单资源30个精挑细致的Ajax和Javascript 技巧37个Ajax和CSS实现的Tab选项卡13个效果超酷的Javascript网页导航菜单30个Ajax/Javscript 滑动门, 滚动栏和滚动条技术更多课查看kollermedia, 收集了200多个jQuery插件. 虽然是比较早期的文章, 但对设计开发人员来说还是非
阅读全文
浙公网安备 33010602011771号