jQuery 1.9 正式版发布,最后支持 IE 6/7/8 的版本

jQuery 1.9 正式版发布了,同时发布的还有 jQuery Migrate 1.0,如果你想使用该版本请先阅读 jQuery 1.9 升级指南 以便让你的升级更加顺利。 于此同时 jQuery 2.0 也正在进行 beta 的测试,2.0 和 1.9 具有相同的 API,很多之前废弃的方法已经从这两个版本中删除,例如 $.browser(),jQuery 1.9 还是支持 IE 6/7/8,但是 2.0 版本将不再支持这三个版本,因此 2.0 版本将会比 1.9 运行速度更快,体积更小。 jQuery 1.9 正式版文件可通过 jQuery 的 CDN 和微软的 CDN 获取: <script src=”http://code.jquery.com/jquery-1.9.0.js”></script> <script src=”http://code.jquery.com/jquery-migrate-1.0.0.js”></script> jQuery 2.0 beta 1 通过 jQuery …

jQuery旋转插件

jQuery旋转插件,支持Internet Explorer 6.0 + 、Firefox 2.0、Safari 3、Opera 9、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现。调用和方法: < strong> rotate(angle) angle参数:[Number]–默认为0–根据给定的角度旋转图片例如: $(“#img”).rotate(45); rotate(parameters) parameters参数:[Object]包含旋转参数的对象。支持的属性: angle属性:[Number]–default 0–旋转的角度数,并且立即执行例如: $(“#img”).rotate({angle:45}); bind属性:[Object]对象,包含绑定到一个旋转对象的事件。事件内部的$(this)指向旋转对象-这样你可以在内部链式调用-$(this).rotate(…)。例如(click on arrow): $(“#img”).rotate({bind:{click:function(){$(this).rotate({angle:0,animateTo:180})}}}); animateTo属性:[Number]–default 0–从当前角度值动画旋转到给定的角度值(或给定的角度参数)例如:结合上面的例子,请参阅使用。 duration属性: [Number]–指定使用animateTo的动画执行持续时间例如 (click on arrow) : $(“#img”).rotate({ bind: { click: function() { $(this).rotate({ duration: 6000, angle: 0, animateTo: 100 }) } } }); step属性: [Function]–每个动画步骤中执行的回调函数,当前角度值作为该函数的第一个参数 …

jQuery 1.8 的正式版发布了

炎炎夏日,jQuery 1.8 的正式版发布了,让我们大概看一下 jQuery 1.8 主要的大改动包括那几个方面。 下载地址: http://code.jquery.com/jquery-1.8.0.min.js (压缩且最小化,适合产品环境使用) http://code.jquery.com/jquery-1.8.0.js (未压缩版本,用于调试) 1. Sizzle 选择器引擎重新架构 2. 重新改造动画处理 3. 自动 CSS 前缀处理 当你在 .css() 和 .animate() 中使用 CSS 属性时,jQuery 会自动根据浏览器类型来设置一些前缀,例如 .css(“user-select”, “none”) 在 Chrome/Safari 会变成 “-webkit-user-select”, 在 Firefox 变成 “-moz-user-select”, 在 IE10 则变成 “-ms-user-select”. 4. 更灵活的 $(html, props) 5. 超过 160 个 …

jquery imgareaselect 插件中文文档

关于 imgareaselect 插件 imgareaselect 是一个 允许用户使用简单、直观的点击、拖动界面图像选择矩形区域的jQuery插件。该插件可用于 web 应用程序中轻松实现图像裁剪功能,以及其他功能,如照片标记、 图像编辑功能,等等。 Download file 使用demo 尝试一下下面各种效果: 点击查看demo 使用imgareaselect这个插件: 调用方式: $(document).ready(function () { $(‘img#photo’).imgAreaSelect({ handles: true, onSelectEnd: someFunction }); }); 如果 jQuery 对象中有多个元素,将为所有元素启用该插件。imgAreaSelect也适用于非图像元素,以及任何块元素(例如,<div>有背景图片); 您可以在 $(document).ready() 或 $(window).load() 事件处理程序初始化插件 options参数 参数名 数据类型 默认值 描述 aspectRatio string   设定选取区域的显示比率,如:”4:3″ autoHide boolean false 如果设置为true,当选择区域选择结束时消失; classPrefix string ”imgareaselect” …

jQuery-serializeArray()输出以数组形式序列化表单值的方法

实例 输出以数组形式序列化表单值的结果: $(“button”).click(function(){ x=$(“form”).serializeArray(); $.each(x, function(i, field){ $(“#results”).append(field.name + “:” + field.value + ” “); }); }); 定义和用法 serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。 您可以选择一个或多个表单元素(比如 input 及/或 textarea),或者 form 元素本身。 语法 $(selector).serializeArray() 详细说明 serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据。 注意:此方法返回的是 JSON 对象而非 JSON 字符串。需要使用插件或者第三方库进行字符串化操作。 返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说: …