- jquery元素选择器——4 11-25
- jquery实现正反面翻牌特效 11-25
- 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元素选择器——4
发布者: superzhang | 发布时间:2017-11-25一、HTML
<div>
<p>我是唯一p标签</p>
<span></span>
</div>
<div>
<p>我是P标签0</p>
<span>我是span标签1</span>
<p>我是P标签2</p>
<span>我是span标签3</span>
</div>
===================
<div>
<p>我是P标签0</p>
<span>我是span标签1</span>
<p>我是P标签2</p>
<span>我是span标签3</span>
</div>
不加任何样式,在浏览器中的样式
实现方法
html+css:
java:
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();
下一步是定义什么时间触发事件。您可以通过一个事件函数
