jQuery框架
不讲理的胖子
生命那是一场恢弘的等待,唯一的结局只是在那霏霏中睡去。就算全世界都否定你,你要相信你自己,当你放下面子赚钱的时候,说明你已经懂事了。当你用钱赚回面子的时候,说明你已经成功了。当你用面子可以赚钱的时候,说明你已经是人物了。
展开
-
一款jquery智能提示邮箱列表特效
一款jquery智能提示邮箱列表特效_www.jqshare.com$(document).ready(function(){ $('#email').autoMail({ emails:['qq.com','163.com','126.com','sina.com','sohu.com','yahoo.cn','gmail.com','hotmail.com','live原创 2014-06-25 17:06:30 · 1065 阅读 · 0 评论 -
Web开发百宝箱——提升网站档次的时尚 jQuery 图片滚动插件
这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript 框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助,能够帮助你节省时间和精力。Smooth Div Scroll效果非常平滑的鼠标悬浮图片切换效果,提供了非常详细的使用帮助文档和示例。点击图片获取代码Elastic Image Sl原创 2013-04-28 10:25:19 · 404 阅读 · 0 评论 -
jquery返回页面顶部
1.样式设置#toTop { /*选中的背景图片的大小*/ width: 54px; height: 54px; display: none;/*刚开始不显示*/ position: fixed; right: 25px;/*距离右边大小值*/ bottom: 45px;/*距离底部大小值*/ /*选定图片区域*/原创 2013-04-28 10:24:46 · 433 阅读 · 0 评论 -
jquery实现回旋滚动效果
今天在网上找到一款回旋滚动效果,拿出来和大家一起分享。先上效果图: jquery-roundabout *{padding:0;margin:0;} body{font:24px tahoma;} ul{list-style:none;margin:100px auto 0;width:500px;height:200px;}原创 2013-04-28 10:23:20 · 444 阅读 · 0 评论 -
分享几款基于jquery不错的时间插件
jQuery日历选择器 更新时间:01月05日 23:27:23这个组件是一个轻量级的日历/日期选择器。特点:支持国际化支持改变当前日期支持鼠标滚轮滚动支持(递延)回调日期选择支持可变数目的年,...jQuery日历提醒-iCal-like calendars 更新时间:01月05日 23:06:32jQuery日历高亮变色不两只事情提醒-iCal-like cal原创 2013-04-28 10:22:36 · 770 阅读 · 0 评论 -
jQuery基础学习(一)
jQuery语法实例$(this).hide()jQuery 的 hide() 函数,隐藏当前的 HTML 元素。$("p").hide()jQuery 的 hide() 函数,隐藏所有 元素。$(".test").hide()jQuery 的 hide() 函数,隐藏所有 class="test" 的元素。$("#test").hide()jQuery 的 hide() 函数,隐藏 id=原创 2013-04-28 10:30:56 · 373 阅读 · 0 评论 -
jQuery最佳实践
1. 使用最新版本的jQueryjQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。下面就来看看,不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句: $('.elem') $('.elem', context) context.find('.elem')我们用1.4.2、1.4.4、1.6.2三个原创 2013-04-28 10:30:10 · 317 阅读 · 0 评论 -
jQuery评星插件
$.fn.DyStar = function (option, callback) { 2 var defaults = { 3 count: 5, 4 url: 'images/star.gif' 5 }; 6 var opt = $.extend(defaults, option), 7 obj = $(thi原创 2013-04-28 10:27:17 · 565 阅读 · 0 评论 -
jQuery 插件开发基础
1.开发jQuery 插件的基本格式?(function ($) { $.extend($.fn, { })})(jQuery)2.开发全局函数的基本格式?(function ($) { $.extend(原创 2013-04-28 10:22:00 · 307 阅读 · 0 评论 -
jQuery乱谈(四)
jQuery核心函数除了最重要的jQuery()之外,还有jQuery.holdReady()、jQuery.sub()、jQuery.when()、jQuery.noConflict()。今天我就介绍一下这四个方法吧。 首先是jQuery.holdReady(),直接上代码:holdReady: function( hold ) { if ( hold ) {原创 2013-04-28 10:20:02 · 315 阅读 · 0 评论 -
jQuery旋转插件—rotate
网上发现一个很有意思的jQuery旋转插件,支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现。调用和方法:rotate(angle)angle参数:[Number] – 默认为 0 – 根据给定的角度旋转图片例如:原创 2013-04-28 10:29:34 · 634 阅读 · 0 评论 -
Jquery乱码终极解决方案
让人头痛的Jquery乱码问题。原因很简单: 其实他的中文乱码就是因为contentType没有指定编码,对于不同Jquery的版本中这个地方有不同的设置,就拿我遇到的,jquery-1.6.1和jquery-1.8.3就有不同的定义。解决办法:在jquery-1.6.1文件中,搜索’contentType’ 然后在application/x-www-form-urlencoded后面加上原创 2013-04-28 10:21:22 · 544 阅读 · 0 评论 -
jQuery乱谈(七)
今天主要分析jQuery处理元素CSS相关属性的内部实现。相关方法:addClass()、hasClass()、removeClass()、toggleClass()、css()、jQuery.cssHooks、height()、width()、innerHeight()、innerWidth()、outerHeight()、outerWidth()、offset()、position()、scr原创 2013-04-28 10:21:02 · 320 阅读 · 0 评论 -
jQuery乱谈(六)
接上一篇:jQuery乱谈(五),今天分析removeClass()、removeProp()、toggleClass()、val()。 removeClass():/*** removeClass方法的内部实现和addClass方法很类似,都是先对参数类型进行判断:* 参数为Function类型,则利用Function.call()执行函数参数,然后取得返回值,接着*原创 2013-04-28 10:20:44 · 362 阅读 · 0 评论 -
jQuery乱谈(三)
昨天说到了jQuery()的实现,还差一处理HTML字符串的部分没有分析完,今天继续。 if ( typeof selector === "string" ) { if ( selector.charAt(0) === "" && selector.length >= 3 ) { // Assume that strings原创 2013-04-28 10:19:44 · 368 阅读 · 0 评论 -
jQuery乱谈(五)
今天主要分析一下jQuery设置元素DOM属性的相关方法的具体实现:addClass()、attr()、hasClass()、html()、prop()、removeAttr()。 首先是addClass():// 该方法用于向元素添加新类名addClass: function( value ) { var classNames, i, l, elem,原创 2013-04-28 10:20:25 · 277 阅读 · 0 评论 -
JQuery基础知识
优点:可跨浏览器编程。还有Prototype、Dojo、ExtJS(功能更强的JS库,常用与企业级程序)。宗旨:Write Less, Do More 本质:JavaScript库。 JQuery能做什么?与DOM功能相同。 导入 1:“$”符号方法名(jQuery方法的别名)window.jQuery = window.$ = jQue原创 2013-04-28 10:21:45 · 321 阅读 · 0 评论 -
jQuery获取form表单元素的值
jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面:下面来看怎么取得FORM中的各种值等等;function get_form_value(){ /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value");//或者转载 2014-04-09 15:21:53 · 3748 阅读 · 0 评论 -
jquery技巧总结
一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。jQuery是继原创 2013-01-18 09:11:36 · 718 阅读 · 0 评论 -
用户权限管理
实现业务系统中的用户权限管理--设计篇 B/S系统中的权限比C/S中的更显的重要,C/S系统因为具有特殊的客户端,所以访问用户的权限检测可以通过客户端实现或通过客户端+服务器检测实现,而B/S中,浏览器是每一台计算机都已具备的,如果不建立一个完整的权限检测,那么一个“非法用户”很可能就能通过浏览器轻易访问到B/S系统中的所有功能。因此B/S业务系统都需要有一个或多个权限系统来实现访问权限原创 2013-05-06 15:28:42 · 884 阅读 · 0 评论 -
wed的各种前端打印方法(1)Jqprint
wed的打印方法具我自己懂得知道的有J: 1 JQuery插件Jqprint实现 2 JQery打印插件PrintArea实现网页打印 3 CSS控制网页打印样式JQuery插件Jqprint实现: 首先要导入js文件: jquery.jqprint.js1 2 html代码:1 2 这个打印时是显示的3 4 5 这个打印时是隐藏的。原创 2013-04-29 14:07:28 · 1540 阅读 · 0 评论 -
wed的各种前端打印方法(2)PrintArea
JQery打印插件PrintArea实现网页打印:第一步:下载jquery.PrintArea.jsjs引用1 2 html引用:1 2 这个是打印时显示的。3 4 5 这个是打印时隐藏的。6 7 javascript代码:View Code这个插件还提供了一些参数可配置,使用的方法:$(element).printArea(o原创 2013-04-29 14:07:19 · 1988 阅读 · 0 评论 -
加载事件js代码
1 /*加载事件代码*/ 2 function addLoadEvent(func) { 3 var oldonload = window.onload; 4 if (typeof window.onload != 'function') { 5 window.onload = func; 6 } else { 7 window.onload = funct原创 2013-04-29 14:06:49 · 672 阅读 · 0 评论 -
jQuery基础学习(二)
HTML操作改变 HTML 元素的内容。向 HTML 元素追加内容。在 HTML 元素之后追加内容。CSS操作改变 HTML 元素的 CSS 属性。改变多个 CSS 属性。获得元素的 CSS 属性。AJAX和jQuery使用 $(selector).load(url) 来改变 HTML 内容。使用 $.ajax(options) 来改变 HTML 内容原创 2013-04-29 13:21:09 · 324 阅读 · 0 评论 -
wed的各种前端打印方法(3)CSS
CSS控制网页打印样式:使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措。如果你也有这种现象,那么我告诉你吧,在W3school查到CSS的midia的作用。midia 定义和用法:media 属性规定被链接文档将显示在什么设备上。media 属性用于为不同的媒介类型规定不同的样式。原来用到me原创 2013-04-29 14:07:09 · 430 阅读 · 0 评论 -
分享微博@功能jquery代码及全面解析
先上图演示下: 看完图就直接上代码吧,其中有几处写死的地方,我有提示,你们自己改下就是了。 //@显示用户列表(function($) { //判断是否为子元素 function isParent(obj,pobj){ while (obj != undefined && obj != null && obj.tagName.toU原创 2013-04-29 13:21:58 · 382 阅读 · 0 评论 -
4行代码简单实现js树形菜单
通常情况下,我们都会用到一些树形菜单,但一时间苦于不知道如何选择合适的控件进行整合。 于是打算自己尝试弄个简单的树形菜单。在这过程中,我发现: 对于一棵简单的树形菜单,4行代码足矣。 html代码的编写,直接采用了ul-li的嵌套方式。主要的javascript代码如下:1 $(".menu ul").css("display","none");2 $(".menu a").原创 2013-04-29 14:06:33 · 1314 阅读 · 0 评论 -
jQuery:用方向键控制层的移动
题目:按下方向键时,使层向相应的方向平滑移动20像素;四个方向键的键码分别是37(左)、38(上)、39(右)和40(下)。然后我写了下面的代码:$div就是要移动的层,且它的position已在CSS中设为relative。瞄一眼好像没什么问题,运行之后发现下面的问题:1.按了向下之后,再按向上没有反应。2.按了向右之后,再按向左没有反应。后来经一网友点拨,恍然大悟:原创 2013-04-28 10:30:31 · 564 阅读 · 0 评论 -
JQUERY一些注意事项
1. jQuery变量命名时不能使用“-”,可以使用下划线“_”,例如var click-product;会报出“丢失分号”很奇怪的错误,var click_product;正确,很小的一个细节,但因我曾经的一时疏忽,造成两天都找不出错来,深刻的教训,所以写下来告诫自己;2. 一个无序列表 我要点击任意一个列表项目 要求得到该项目的序列原创 2013-04-28 10:30:20 · 320 阅读 · 0 评论 -
JQuery验证工具类
var Validator = { // 邮箱 isEmail : function(s) { var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$";原创 2013-04-28 10:26:01 · 376 阅读 · 0 评论 -
jQuery性能优化
一、选择器性能优化建议1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide();或者从ID选择器继承来选择多个元素:$('#content p').hide();2. 在class前面使用tagjQuery中第二快的选择器原创 2013-04-28 10:22:19 · 323 阅读 · 0 评论 -
Jquery实现网页marquee效果
原本在前端html代码中,实现文字或者图片的水平垂直滚定,都是使用的marquee,但随着考虑浏览器的兼容性和符合为w3c的标准,后来想想那还是使用javascript代码来实现。后来又喜欢上了jquery,下面写的内容希望对初学者有些帮助,高手勿喷,但欢迎指导,感激不尽。原理:无缝滚动的原理,就是利用两个内容相同的容器,来达到欺骗人的视觉的效果。然后通过整个大容器滚动条的左右或者上下的移动来原创 2013-04-25 09:50:33 · 500 阅读 · 0 评论 -
Jquery插件之信息弹出框showInfoDialog(成功、错误、警告、通知)
功能:zhou en ce同学最近写了个基于jquery的信息弹出插件showInfoDialog,该插件对背景进行遮罩,然后弹出信息显示框,信息显示种类包括:一、信息种类说明:1.1、操作成功信息1.2、错误信息1.3、警告信息1.4、通知信息二、使用说明DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01原创 2013-04-25 09:50:00 · 918 阅读 · 0 评论 -
[jQueryUI] - Chosen:select下拉选择框美化插件及问题
Chosen 是一个支持jquery的select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此,它更扩展了select,增加了自动筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。先来看下插件的效果: 跟这个比起来,原来的select样式是不是弱爆了!马上来武装我们的select吧:1、先把js和css文件引用到网页里面去:原创 2013-01-18 09:14:01 · 1268 阅读 · 0 评论 -
下拉列表选择移动组件(jquery)
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2013-01-18 09:12:58 · 529 阅读 · 0 评论 -
关于jquery某一元素重复绑定的问题
某天晚上写代码的时候,突然出了bug,想了很久都不知道问题出在哪里(其实是很简单的问题,但由于我还是个菜鸟,所以不知道)。几经周折,这中间的过程就不提了,终于让我在快崩溃的时候,发现了原因。原来是因为同一jquery元素可以重复绑定,当使用了嵌套绑定的时候,就容易出错。如代码:$('.test').bind('click',function(){ $('.last').bind原创 2013-01-18 09:11:47 · 713 阅读 · 0 评论 -
Javascript js中页面的重新加载
用JavaScript刷新上级页面和当前页面 //刷新上级页面 //window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload();每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个htm原创 2013-01-18 09:16:17 · 645 阅读 · 0 评论 -
返回顶部完整代码
下面是使用jQuery实现的“返回顶部”的完整代码,可以点击这里体验效果:http://www.keleyi.com/keleyi/phtml/gototop.htmDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran原创 2013-01-18 09:13:43 · 454 阅读 · 0 评论 -
异步加载统计图组件(jquery+css+div)
操作:http://localhost/test/zimg.html效果: ===============zimg.html代码===============DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran原创 2013-01-18 09:13:29 · 561 阅读 · 0 评论 -
JQuery实现简单验证码提示
先看效果图:要求:当输入框获得焦点时,自动显示验证图片。代码如下(学习而已,仅供参考):/***********************下是验证码对象*****************/var Validation = {};Validation.init = function(eleName,imageSrc){ this.image = imageSrc原创 2013-01-18 09:13:16 · 517 阅读 · 0 评论