JQuery点击行(tr)实现checkBox选中,反选时移除和添加样式.
第一版链接:http://www.cnblogs.com/zhuiyi/archive/2011/06/29/2092836.html很开心大家能和我这个“菜鸟”一起互动,也感谢大家和我一起思考,看了大家的代码也有了不少启发,看了jifsu兄的代码,自己也试测了一下,确实比我自己写的那种方式简单的多,代码的可读性也大大增强不少,在这个基础上,我又添加了一个全选和反选时的效果
http://www.cyqdata.cn/cnblogs/article-detail-40990
仿百度搜索时的下拉列表(jQuery实现)
当我们使用百度或是谷歌进行搜索时,只要输入一个字母就可以产生一个下拉列表,并且可以通过键盘上下键来控制列表项的选择。最近在项目中也碰到了类似的情况,在文本框中输入某个字母就可以出现一个下拉列表,展现从数据库里搜索过来的结果。
先说一下我的实现思路吧,当用户在文本框中输入时,可以利用ajax方式将文本框内内容传给后台的某个页面,在那个页面中经过处理后将产生的结果(这里的结果是一个字符
http://www.cyqdata.cn/cnblogs/article-detail-40982
JQuery点击行 (tr)实现checkBox选中
标题描述的有点不贴切,但希望大家能够明白,为了更形像的表达,我特意录制了一张GIF动画图片。 我不知道实际开发中有没有用到这种效果,但我个人认为,这种方式更人性化,因为只要点到一行,就可以使CheckBox.checked=true; 不用非得点复选按钮才能实现;实现的过程有点纠结,试了几次都没成,最后用了一个笨笨的方法,就是点击行的时候,让他的子元素(td)的背景颜色为红色.(因为我用
http://www.cyqdata.cn/cnblogs/article-detail-40937
分享50款非常棒的 jQuery 插件(下篇)
jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。
26- Visual JQuery Lightbox
27- 3D Cloud Carousel
28- Sl
http://www.cyqdata.cn/cnblogs/article-detail-40912
读jQuery之十(事件模块概述)
jQuery的事件模块是较复杂的,前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。
虽然事件模块代码很难读,但其提供的API接口还是很清晰的。如下
1 添加事件(bind/one/live/delegate/hov
http://www.cyqdata.cn/cnblogs/article-detail-40873
自定义一个jquery插件[鼠标悬浮时候,出现说明label]
自定义一个jquery插件,一个简单的jquery.js,入门的jquery插件,jquery入门实例,jquery helloworld。
最近在学习jquery,看了几天,决定做个小东西练练手。入门级的可以看看。
先看下面这个小东西有什么功能,有模有用。
功能:当你鼠标悬浮在你的html元素上面的时候,它会显示一个help说明性的label。
效果图:
原始:
http://www.cyqdata.cn/cnblogs/article-detail-40862
MVC3.0中使用JQuery的fancybox实现便签式留言板
采用JQuery的fancybox实现便签留言板。
关于fancybox的介绍请参看:http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/
demo:http://demo.tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/demo.php
照旧先看效果图:
关于fa
http://www.cyqdata.cn/cnblogs/article-detail-40696
分享50款非常棒的 jQuery 插件(上篇)
jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。
1- ZWeatherFeed jQuery Plugin
2- Simple Effects Plugins
http://www.cyqdata.cn/cnblogs/article-detail-40661
「分享」jquery标签(关键字)插件
基于工作,做了这么一个控件;
功能说明:按Enter或Tab確定標籤輸入完畢,雙擊文字可以編輯該標籤,單擊叉叉(×)表示刪除該標籤。
效果图如下:
利用CSS3做了点效果(結合示例中的CSS);
js代码:
$.fn.extend({
/*
**標籤控件
**功能:按Enter或Tab確定標籤輸入完畢,雙擊文字可以編輯該標籤,單擊叉叉(×)表示刪除該標籤
**tabContr
http://www.cyqdata.cn/cnblogs/article-detail-40512
使用jQuery及Bing API实现简易搜索引擎
微软在今年六月正式发布了Live搜索的继承者Bing,同时也提供了一套非常全面的API。如同Google API,通过使用Bing API,Web开发者可以在网站中集成bing搜索中的各种服务,从而丰富网站功能,并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例,向大家展示如何使用jQuery来调用Bing API实现简单的Web搜索引擎,并对Bing API有一个基本的了解。
首
http://www.cyqdata.cn/cnblogs/article-detail-40491
FullSize:一个新的IMG标签属性(附带jQuery实现)
“img标签添加了一个新属性么?”,看到标题你也许会惊奇的问。呵呵,千万莫误会,这只是一位国外Web设计师的主张而已。为了推销他的想法,他建立了这个主题网站(你可以在这个页面的下方签名,表示支持),而且用Jquery插件模拟了它。他的这个想法真的很有意思,也很有意义。我这里对它的想法做个简单翻译,略表支持。
FullSize属性是什么?
我们在网页设计中,经常会使用这样一种
http://www.cyqdata.cn/cnblogs/article-detail-40468
jQuery-Selectors(选择器)的使用
jQuery-Selectors(选择器)的使用(一、基本篇)
jQuery-Selectors(选择器)的使用(二、层次篇)
jQuery-Selectors(选择器)的使用(三、简单篇)
jQuery-Selectors(选择器)的使用(四--五、内容篇&可见性篇)
jQuery-Selectors(选择器)的使用(六、属性篇)
jQuery-Selectors(选择器)的使用(七、子
http://www.cyqdata.cn/cnblogs/article-detail-40458
jQuery入门[1]-构造函数
jQuery优点
◦ 体积小(v1.2.3 15kb)
◦ 丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera)
◦ 链式代码
◦ 强大的事件、样式支持
◦ 强大的AJAX功能
◦ 易于扩展,插件丰富
jQuery的构造函数接收四种类型的参数:
jQuery(expression,context)
j
http://www.cyqdata.cn/cnblogs/article-detail-40423
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) AJAX快餐从零开始学习jQuery (七) jQuery动画-让页面动起来!从零开
http://www.cyqdata.cn/cnblogs/article-detail-40288
jQuery Tools——不可错过的jQuery UI库系列
本系列文章导航
jQuery Tools——不可错过的jQuery UI库(一)
jQuery Tools——不可错过的jQuery UI库(二)
jQuery Tools——不可错过的jQuery UI库(三)
jQuery Tools——不可错过的jQuery U
http://www.cyqdata.cn/cnblogs/article-detail-40270
jQueryJSON 无刷新三级联动
<asp:DropDownList ID="ddl1" runat="server" Width="100px" ></asp:DropDownList><asp:DropDownList ID="ddl2" runat="server" Width="100px" ></asp:DropDownList><asp:DropDownList I
http://www.cyqdata.cn/cnblogs/article-detail-40269
jquery让两个div高度自动适应 不用再看别的方法了 这个最简单
这个问题今天可是整了我一上午,原本是打算用js实现,结果兼容性很难得处理.
最后选择了jquery,方法如下(这里是我推荐的方法),使用简单,兼容性好.只需要在页面中设置一句代码就搞定,这么好的东西所以把代码贴出来,供大家参考,另外,网上也有很多种方法,下面我也一一作了一个分析.大家可以看一下,不对请指正.谢谢.
function SetSameHeight(obj1,obj2)
{
v
http://www.cyqdata.cn/cnblogs/article-detail-40234
JQuery上传插件 Uploadify 的删除功能+基本原理和过程
a(this).bind("uploadifySelect", {
action: f.onSelect,
queueID: f.queueID
},
function(k, i, j) {
http://www.cyqdata.cn/cnblogs/article-detail-40143
jQuery入门[5]-AJAX
jQuery为AJAX提供了非常丰富的支持,参见Ajax
其中最基本当属$ajax(),通过不同的参数,这个方法可以录活支持各种AJAX应用场景。如:
$.ajax({url: "test.html",cache: false,success: function(html){$("#results").append(html);}});
完整参数列表参见:options
当然,常用
http://www.cyqdata.cn/cnblogs/article-detail-40077
读jQuery之七(判断点击了鼠标哪个键)
jQuery丢弃了标准的 button 属性采用 which,这有点让人费解。which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。 jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。 即当判断用户按下键盘的哪个键时可以使用which,当判断用户按下鼠标的哪个键时也可以用which。它一举两用了。源码
// Add which fo
http://www.cyqdata.cn/cnblogs/article-detail-40051
