- jQuery获取浏览器竖向滚动条的宽度 11-25
- jQuery completer 自动输入提示 11-25
- jQuery编程 11-25
- JQuery笔记-五个超级实用的jquery小技巧 11-25
- nodejs、Angualr JS、Jquery、B 11-25
- jQuery ajaxSetup() 方法 11-25
- jquery初识 11-25
- jQuery 事件 11-25
- jQuery Autocomplete插件 11-25
- jquery绑定未来新创建函数的方法on 11-25
jQuery获取浏览器竖向滚动条的宽度
发布者: superzhang | 发布时间:2017-11-25/*!
* 获取浏览器竖向滚动条宽度
* 首先创建一个用户不可见、无滚动条的DIV，获取DIV宽度后，
* 再将DIV的Y轴滚动条设置为永远可见，再获取此时的DIV宽度
* 删除DIV后返回前后宽度的差值
*
* @return Integer 竖向滚动条宽度
*/
function getScrollWidth() {
var $div = $("<div style='position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;'></div>");
$("body").append($div);
var noScroll = $div[0].clientWidth;
$div.css("overflow-y", "scroll");
var scroll = $div[0].clientWidth;
$div.remove();
return noScroll - scroll;
}
jQuery completer 自动输入提示
发布者: superzhang | 发布时间:2017-11-25在线实例使用方法 <input type="text" id="auto-complete-email" class="input" placeholder="E-mail"/> $("#auto-complete-email").completer({ separator: "@", source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"] });复制
参数详解参数描述默认值选项说明默认值complete当输入完成时触发function {}itemTag弹出展示面板中的列表元素标签"li"filter过滤函数，当输入后会先过滤相关列表内容再展示列表function(val) { return val; }position弹出列表面板相对输入框的位置，值有"top", "right", "bottom", "left"."bottom"source将要自动补全展示的数据selectedClass当弹出面板中的选项被选中时的样式"completer-selected"separator分隔符，将输入的内容与建议自动完成的部分分隔，如@""suggest如果设置成true，将会进入建议sjQuery编程
发布者: superzhang | 发布时间:2017-11-25jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
通过我这里的编辑器，你可以在线运行修改后的代码，并查看运行结果。
实例
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); });});
jQuery 实例
在这里您将学到如何通过使用 jQuery 应用 JavaScript 效果。
jQuery 在线实例
jQuery 测验
在测试你的 jQuery 技能!
jQuery 测验
JQuery笔记-五个超级实用的jquery小技巧
发布者: superzhang | 发布时间:2017-11-251，禁用鼠标右键
2，让内容闪烁
3，DOM加载完成的简写形式
4，探测浏览器
编程资源收集越来越多，选取其中一些质量高的分享出来，帮助同行一起成长。
这是总的目录，每个里面都有具体的视频目录和电子书目录
如果上面的学习资源没有你想要的，可以看看历史资源推荐
jQuery ajaxSetup() 方法
发布者: superzhang | 发布时间:2017-11-25用了这么久的jquery Ajax，今天才了解到jquery中还有一个非常好用的功能。就是ajaxSetup方法，这个方法可以为全局的ajax操作设置共同的一些属性，比如说统一ajax请求失败的方法等等。
它的语法是：$.ajaxSetup({name:value, name:value, ... })
所支持的属性是上面这些，下面我就演示一下如何使用这个方法。
我为了让所有的ajax都起作用，就把这个方法添加到了jquery-1.8.3.min.js这个公用的js里面：
jquery初识
发布者: superzhang | 发布时间:2017-11-25jquery是继Prototype之后之后又一个优秀的javascript库，是一个由John Resig创建于2006年1月的开源项目。
jquery
John Resig
jquery简洁的语法和跨平台的兼容性，极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了javascript程序员的设计思路和编写程序的方式。
jquery的理念是写得少，做得多（write less，do more）.jquery独特的选择器、链式操作、事件处理机制和封装完善的A
jQuery 事件
发布者: superzhang | 发布时间:2017-11-25jQuery 是为事件处理特别设计的。
什么是事件？
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例：
在元素上移动鼠标。
选取单选按钮
点击元素
在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。
常见 DOM 事件：
鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleaveblurunloadjQuery 事件方法语法
在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。
页面中指定一个点击事件：
$("p").click();
下一步是定义什么时间触发事件。您可以通过一个事件函数
jQuery Autocomplete插件
发布者: superzhang | 发布时间:2017-11-25jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符，用户可以过滤列表以获得更好的匹配。
该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。
访问 jQuery Autocomplete 官网，下载 jQuery Autocomplete 插件。
如需了解更多有关 Autocomplete 的细节，请查看 API 文档 自动完成部件（Autocomplete Widget）。
<
jquery绑定未来新创建函数的方法on
发布者: superzhang | 发布时间:2017-11-25对于页面动态新创建的元素，可以使用jquery的on函数进行绑定，使得未来的元素也能继承某些原始定义的方法，比如：
$("#js-fb-list").on("click",".cancel-btn",function(){
...
});
这里绑定了$("#js-fb-list")下的$(".cancel-btn")这个类的所有元素，包括页面已经存在的和未创建的dom
