前记: 现在项目中经常要用到JS去操作一些事,对整个团队开发来说,JS的书写规范和正确对开发具有较大的帮助.在一个团队中常常会发生JS书写的不统一性和游览器不兼容性等情况发生.我觉的最好的方法就是有一个统一的书写规范和一个具有良好的兼容性和扩展性的JS库作为我们开发的基层,以提高我们团队的开发速度和各项性能. 对于我本人来说,从一开始的直接写Javascript方法到使用ExtJS 还有 Jquery类库,感触到以下几点: 1.  必须要有良好的JS基础,多多写基础的Javascript方法:

本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天就把这几天的学习做一个总结. 首先jquery开发自定义的控件分两大类(我自己这么分的),第一就是不带参数的插件,还有一类就是带参数的jquery插件了. 先从简单的开始.首先我们要了解一下什么叫jquery,jquery是对js的一系列的分装,说白了他就是js的分装以后的产物.但是我们用jquer

<深入PHP与jQuery开发>第三章学习笔记 1.PHP的魔术方法(在对象中发生某些例行事件时会自动调用这些方法) PHP提供了魔术方法__construct()(构造函数),在新对象被创建时会被自动调用: 要在对象被销毁时自动调用一个函数,可以使用__destruct()(析构函数)的魔术方法.在需要做类清理工作(例如,关闭数据库连接)时它就非常有用. 要显式地触发析构行为,可以用unset()函数销毁这个对象. 将类输出为字符串,要将MyClass类输出为一个字符串而不发生错误,需要定义

由于去实习过后,发现真正的后台也要懂前端啊,感觉javascript不懂,但是之前用过jQuery感觉不错,很方便,省去了一些内部函数的实现. 看了这一本<深入PHP与jQuery开发>,感觉深入浅出,值得推荐. Chapter1.jQuery简介 1.jQuery工作方式本质 先创建一个jQuery对象实例,然后对传递给该实例的参数表达式求值,最后根据这个值作出相应的响应或者修改自身. 2.利用CSS语法选择dom元素(基本选择器) 我们知道,jQuery说白了就是对网页上的内容进行选择器的

Dropdown.js 前言 在SPA(Single Page Application)盛行的时代,jQuery插件的轮子正在减少,由于我厂有需求而开发了这个插件.如果觉得本文对您有帮助,请给个赞,以表对我的鼓励和支持.(๑•ᴗ•๑)如果觉得有什么问题,可以到 Github 提Issue,欢迎大家提意见~ 介绍 Dropdown是面向PC端的基于jQuery开发的轻量级下拉框插件,支持key/value搜索,有token和select两种模式. 版本 1.0.0 支持 Internet Expl

jquery开发的数字相加游戏,我在一轮中玩了632分(如下图),你能玩几分,哈哈... 我要试一试 下面贡献下这款“数字相加游戏”的开发过程. html部分: <div class="container"> <div class="how-to-play"> <h1> How to Play</h1> <p> 数字加法游戏-- 单击左侧的数字色块相加等于右上角的数字,当相等时,这几个色块消失. </

基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html 示例:http://letmehaveblog.blogspot.com/2007

jQuery 开发一个简易插件 //主要内容 $.changeCss = function(options){ var defaults = { color:'blue', ele:'text', fontSize:'30px' } var options = $.extend(defaults , options); var change ={ changeColor:function(){ $('#'+options.ele).css('color',options.color); }, c

PHP+jQuery开发简单的翻牌抽奖实例,实现流程:页面放置6个方块作为奖项,当抽奖者点击某一块时,方块翻转到背面,显示中奖信息,这个奖品是随机的,不是固定的. 在页面上放置6个奖项: <ul id="prize"> <li class="red" title="点击抽奖">1</li> <li class="green" title="点击抽奖">2<

在前一篇“使用jQuery开发tab选项卡插件”的基础上添加了tab标签右键关闭菜单功能,菜单主要包括:关闭当前标签.关闭左侧标签.关闭右侧标签.关闭其他.关闭全部. 一.插件效果 二.实现思路 为window对象添加右键菜单事件监听: 当事件源对象为tab标签时,取消默认的右键菜单,显示菜单div即设置display: block,并为每一个菜单项添加事件监听: 当事件源对象不为tab标签时,关闭菜单div即设置display: none 为window对象添加单击事件监听:关闭菜单div即设

为了复习巩固jQuery的插件开发.HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发.使用的过程,以备日后使用. 一.插件效果 tab选项卡插件常用的功能均已实现,包括:动态添加选项卡.关闭选项卡.选中指定选项卡.判断选项卡是否选中.判断选项卡是否存在等. 效果如下: 二.插件内部HTML元素结构 <div id="main"> <div class="tab"> <ul class="tab-he

在线演示1 本地下载     申请达人,去除赞助商链接 如果大家喜欢阅读博客文章的话,可能都会使用RSS阅读器,今天这里我们将使用jQuery来开发一个响应式的RSS信息阅读应用,使用它你可以将你喜欢的RSS文章以聚合的方式显示在同一个页面,类似一本在线的杂志或者刊物,你也可以自定义配置用来设定需要访问的RSS源,希望大家喜欢! 使用的js类库和jQuery插件: jQuery jQuery cookie jQuery socialist jQuery feed Cufon jquery pla

Pro PHP and jQuery Chapter2 总结 1.理解jQuery脚本的基本行为 jQuery事实上沿用了JavaScript的那一套东西,几乎所有方法都支持链式调用,也就是说方法可以一个接一个地执行. $('p') .addClass('new-class') .text("I'm a paragraph!") .appendTo('body'); 要记住: 链式调用过后返回的还是jQuery对象本身. 2.常用的jQuery选择器方法 2.1遍历DOM元素 遍历,就

HTML DOM 加载步骤    1. 解析 HTML 结构     2.加载外部脚本和样式表文件     3.解析并执行脚本代码     4.构造 HTML DOM 模型     5.加载图片等外部文件     6.页面加载 一.总体架构     1.1:jQuery 的核心特征:         兼容主流浏览器:支持 IE 6.0+.Chrome.Firefox 3.6+.Safari 5.0+.Opera等.         具有的特的链式语法和短小清晰的多功能接口.         具有

在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢! 1. 尽量使用最新版本的jQuery类库 jQuery项目中使用了大量的创新.最好的方法来提高性能就是使用最新版本的jQuery.每一个新的版本都包含了优化的bug修复.对我们来说唯一要干的就是修改tag,何乐而不为呢? 我们也可以使用免费的CDN服务,例如, Google来存放jQuery类库. <!-- Include a specific version of jQuery -->

Jquery未开发插件提供了两个方法: (1)Jquery.extend(object)    -为Jquery类本身添加新的方法;代码如下: $.extend({ add:function(a,b){ return a+b; } }); 调用方法:$.add(3,4) - $=Jquery 为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4); (2)Jquery.fn.extend(object) $.fn相当于Jquery

最近的研究jquery.为大家介绍几款开发工具.能够帮助你提高开发的效率. 1.Dreamweaver Dreamweaver是建立在WEB站点和应用程序的专业工具. 将可视化工具.应用程序开发功能和代码编辑支持组合在一起.使得各个层次的开发者和设计人员都可以高速创建基于标准的站点和应用程序. 要使Dreamweaver支持jquery自己主动提示代码功能,方法非常easy,仅仅须要下载一个插件就可以. 下载地址例如以下: 在Dreamweaver中依次选择命令-扩展管理-安装管理-JQurer

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

由于开发需求,需要做一个通讯录界面,点击右侧首字母菜单,列表会将对应字母列表成员滑动至顶部,效果如下图(包括点击事件+长按事件): 1.需求分析 (1)首先,我们需要把数据里用户名转换为首拼,然后归类.排序并插入到列表中. (2)拿到首拼列表,渲染到右侧的导航栏里,同时,每次点击右侧导航栏字母,页面中部就会出现点击的字母. 了解需求,开始制作. 2.汉字字符串转首拼 使用unicode去实现,把汉字转换成unicode,通过已经封装的unicode字母分类去获取汉字的首字母.当然必不可少的也需要

最近挺多人写jQuery的,都是关于jQuery扩展方面的,使用方面的讲的比较多,但是关于详细的一个基础的过程讲的比较少一点,做web开发的基本上都会用到jQuery,本人就根据jQuery的使用经验讲讲插件开发.jQuery插件开发两种方式:一种是类扩展的方式开发插件,jQuery添加新的全局函数(jQuery的全局函数是属于jQuery命名空间的函数),如果将jQuery看成一个类,那么就相当于给jQuery类本身添加方法.第二种是对象扩展的方式开发插件,即jQuery对象添加方法. 类扩展

01-JQuery介绍 02-jQuery文件引入和加载的区别 03-jQuery的基础选择器 04-jQuery的层级选择器 05-jQuery的基本过滤选择器 06-jQuery的属性选择器 07-jQuery的筛选选择器 08-jQuery的对象和DOM对象的转换 09-jQuery效果-显示和隐藏 10-jQuery的效果-slide 11-jQuery的效果-fade 12-jQuery的效果-animate 13-右下角弹出小广告 14-jQuery的属性操作-attr和prop 1