出处:jQuery 双击事件(dblclick)时,不触发单击事件(click) 在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。...即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick...)时却会触发两次单击事件(click)。...mouseout,click,dblclick; 在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会。...至此,能一定程度上避免双击(dblclick)时触发单击(click)。
这里的关闭按钮图标是一个乘法(x)符号。这个按钮应该有一个close类,这样它就可以对齐到模式对话框的左上角。添加data-dismiss使按钮在单击时关闭模式对话框。...它应该有一个data-target属性来告诉Bootstrap,在一个网页中可以有多个模式对话框。我们还需要定义的data-toggle属性来确定单击时触发的内容。...当设置为“静态”时,当在模态主体外的任何地方点击时,模式对话框不会关闭。 keyboard属性用于启用或禁用键盘的escape键功能,当设置为false时,Esc键不会关闭模式对话框。...show属性用于通过JavaScript切换模式的可见性。当设置为true时,模式对话框将自动显示,不需要单击任何句柄元素。...Bootstrap模式对话框有一个选项,当单击该句柄时,将该链接加载到它的modal-body元素中。这个特性在默认情况下是关闭的。
省去了ctrl + s之后,在结合Firefox的vim,基本不动鼠标就可以看到结果页面了。 2. 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有。...另外在aptana2.0里边安装vim插件,真是头痛,所有的文件都支持vim模式,在.html居然不支持,郁闷。...在开发js时发现,需要ctrl + return 才能选候选项,又需要配置: File -> Setting -> Editor -> Code Completion -> Preselect the...* 在这项的子菜单中 Usage Scope 右边 Project 第二栏Library下单击,选择新添加的jQuery,使其对整个项目进行覆盖。...在php上比zendstudio更带有一点英雄主义色彩。 4. 在java上,此公司提供另外一款工具:IntelliJ IDEA 可以看出纯英文的界面,多如牛毛的快捷键,不推荐新手使用。
飞行模式 使用此工具可快速断开 Mac 上的所有无线连接(Wi-Fi、蓝牙等)。要激活它,只需单击工具栏中的飞行模式图标。要关闭飞行模式,请再次单击该工具。...您可以通过单击主应用程序窗口中的开/关开关来停止倒计时。 请勿打扰 如果您想分心并专注于手头的任务,请使用此工具。激活时,通知将关闭,程序坞动画将被禁用。要禁用此模式,请再次单击该工具。...“勿扰模式”在上午 12:00 自动关闭。 不 进入睡眠模式 激活后,此工具可防止计算机进入睡眠状态并使显示屏变暗。当您想要确保任务不被中断时,这很有用。激活将禁用允许计算机进入睡眠状态的所有设置。...网络使用情况 在不中断工作流程的情况下监控您当前的网络速度,并监控当天的整体网络使用情况。 演示模式 当您需要集中注意力或进行演示时,使用此工具可以最大程度地减少干扰。...打开“演示模式”后,它会阻止任何 Dock 通知和动画(在 Mac 上)、暂时关闭电脑的睡眠状态以及隐藏桌面上的文件。演示模式还可以检测外部显示器或投影仪的连接时间,因此您可以自动将其打开。
test中调用,然后给onload事件绑定test函数即可 虽然示例5.3把问题解决了,但是在某些情况下仍然不能满足需求,例如,如果脚本代码分布在多个外部js文件中,而每个js文件都需要使用onload...4.页面卸载事件unload 当用户关闭某个页面时,浏览器会卸载此页面,此时发生的就是unload事件。示例5.6演示在该事件发生时弹出一个对话框。...-1.7.2.min.js"> 当用户关闭某个页面时,浏览器会卸载此页面,此时发生的就是unload事件。...图5.1.10 hover事件 5.3.2 toggle事件 该事件用于模拟鼠标的连续单击事件,第1次单击时触发第1个函数的执行;第2次单击时触发第2个函数的执行;第n次单击时触发第n个函数的执行...把bind换成live后,表格中的任何一行在单击时都可以改变背景色,包括动态创建的行。
test中调用,然后给onload事件绑定test函数即可 虽然示例5.3把问题解决了,但是在某些情况下仍然不能满足需求,例如,如果脚本代码分布在多个外部js文件中,而每个js文件都需要使用onload...4.页面卸载事件unload 当用户关闭某个页面时,浏览器会卸载此页面,此时发生的就是unload事件。示例5.6演示在该事件发生时弹出一个对话框。...-1.7.2.min.js">当用户关闭某个页面时,浏览器会卸载此页面,此时发生的就是unload事件。...图5.1.10 hover事件 5.3.2 toggle事件 该事件用于模拟鼠标的连续单击事件,第1次单击时触发第1个函数的执行;第2次单击时触发第2个函数的执行;第n次单击时触发第n个函数的执行。...把bind换成live后,表格中的任何一行在单击时都可以改变背景色,包括动态创建的行。
下面我们对上一个示例进行简单改造,单击按钮时,让图片显示;再次单击时,让图片隐藏;依次循环... ...... jQuery是一个轻量级的库,大小不超过200K。 jQuery能在当前主流的IE、FF、Opera等浏览器中正常运行。... jQuery是一个轻量级的库,大小不超过200K。 jQuery能在当前主流的IE、FF、Opera等浏览器中正常运行。...任务实训部分 1:表格展开/关闭动画 训练技能点 jQuery内置动画特效函数 需求说明 实现一个如图8.2.1所示的表格,当单击某个分组时,该分组下面的成员就显示/隐藏。...自定义动画函数 需求说明 图8.2.4和图8.2.5展示了网页侧边菜单,默认是关闭状态,当鼠标悬浮到上面时,侧边菜单就滑出来;当鼠标离开时,侧边菜单就收缩回去。
或表示动画时长的毫秒数值(如:1000) easing:用来指定切换效果,默认是"swing",可用参数"linear" swing:动画执行时效果是 先慢,中间快,最后又慢 linear:动画执行时速度是匀速的 fn:在动画完成时执行的函数...jq的遍历方式 jq对象.each(callback) 语法: jquery对象.each(function(index,element){}); index:就是元素在集合中的索引 element:就是集合中的每一个元素对象...标准的绑定方式 jq对象.事件方法(回调函数); 注:如果调用事件方法,不传递回调函数,则会触发浏览器默认行为。...当单击jq对象对应的组件后,会执行fn1.第二次点击会执行fn2..... 注意:1.9版本 .toggle() 方法删除,jQuery Migrate(迁移)插件可以恢复此功能。...function () { //1.5秒显示广告 setTimeout(fade, 1500) //3.5秒后关闭广告
下面我们对上一个示例进行简单改造,单击按钮时,让图片显示;再次单击时,让图片隐藏;依次循环... ......jQuery凭借其简洁的语法和跨平台的兼容性,极大的简化了JS开发。其独特而优雅的代码风格改变了开发人员的设计思路和编码方式。jQuery是一个轻量级的库,大小不超过200K。...jQuery凭借其简洁的语法和跨平台的兼容性,极大的简化了JS开发。其独特而优雅的代码风格改变了开发人员的设计思路和编码方式。jQuery是一个轻量级的库,大小不超过200K。...任务实训部分 1:表格展开/关闭动画 训练技能点 jQuery内置动画特效函数 需求说明 实现一个如图8.2.1所示的表格,当单击某个分组时,该分组下面的成员就显示/隐藏。...自定义动画函数 需求说明 图8.2.4和图8.2.5展示了网页侧边菜单,默认是关闭状态,当鼠标悬浮到上面时,侧边菜单就滑出来;当鼠标离开时,侧边菜单就收缩回去。
在《弹出层之1:JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了。... Boxy.ask(question, answers, callback, options) 显示模式,即非可关闭对话框,允许用户选择选项。...Boxy.alert(message, callback, options) 显示模式,非可关闭对话框显示消息给用户。...Boxy.confirm(message, callback, options) 显示模式,非可关闭对话框显示的含有确定和取消按钮的消息。回调只会在用户选择了“确定”时被调用。...question 通过Boxy.ask()创建的,包含问题文字 .boxy-wrapper .answers 通过Boxy.ask()创建的,包含应答的按钮 .close 这一class类的任何内容的单击事件将关联到关闭对话框上
你使用过哪些数据格式 html格式,json格式,xml格式:html片段提供外部数据,一般来说是最简单的;如果数据需要复用,那么在性能和文件大小方面具有优势的是json;当远程应用程序未知时,xml能为数据的操作性提供最可靠的保证...实现单击按钮时弹出一个对话框 打开弹框 jQuery: $(function(...49.如何在单击一个按钮时使用jQuery隐藏一副图片 $('.demo-img').click(function() { $('.img').hide(); }); 50....link引入的样式页面加载时同时加载,@import引入的样式需等页面加载完成后再加载。 link没有兼容性问题,@import不兼容ie5以下。...DTD 还分为标准模式、严格模式。如果什么都不写,就完全让浏览器自我发挥,会变成怪异模式。 HTML5 不基于 SGML,因此后面就不要跟 DTD,但是需要 DOCTYPE 来规范浏览器的渲染行为。
如果用户单击此按钮,则将自动允许所有未来的请求。 用户还可以通过在“脚本设置”选项卡的用户域白名单中添加“*”来白名单所有请求。...如果外部资源的内容与所选哈希不匹配,则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...(一些特殊的 headers 不被支持在Safari and Android 浏览器里) data 一些字符串有post请求发送过去 binary 说过binary 模式,类型发送数据 timeout...GM_saveTab(tab) 保存tab对象为了重新打开,在页面关闭后 GM_getTabs(callback) 获取所有tab对象作为散列与其他脚本实例通信。...highlight - 一个boolean标志,是否高亮tab silent - 一个boolean 是否播放音乐 timeout - 通知显示的时间 0表示 一直显示 ondone - 通知被关闭时
使我们单击时,即可触发del()函数,并传入要删除用户的id 2、通过Ajax,向servlet发送要删除用户的id并接收执行删除操作后servlet通过直接响应发送的值( resp.getWriter...以用户退出为例 1、添加id属性 2、通过jquery添加相应的函数 以删除指定empId的员工为例 一、js方式 1、在jsp界面中,找到删除按钮所在的地方,为其添加超链接javascript:delEmp...注意: 如果需要传入的值时int类型,则在使用el表达式调用时,外部可以不加单引号。 而如果传入的值时string类型,则需要在其外部加单引号。...使我们单击时,即可触发del()函数,并传入要删除用户的id ?...2、通过jquery添加相应的函数 ?
网站重构是指在不改变外部行为的前提下,简化结构、添加可读性,且在网站前端保持一致的行为。也就是说,在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。...可以在以下层面优化性能。 缓存利用:缓存Ajax,使用CDN、外部 JavaScript和CSS文件缓存,添加 Expires头,在服务器端配置Etag,减少DNS查找等。...比如测试程序的运行时间,当单击 Time Profiler项时,应用程序开始运行,这就能获取到运行整个应用程序所消耗时间的分布和百分比。...(2)不滥用 float。 (3)不声明过多的font-size。 (4)当值为0时不需要单位。 (5)标准化各种浏览器前缀,并注意以下几方面。 浏览器无前缀应放在最后。...当需要给多个元素绑定相同的回调函数时,建议使用事件委托模式。 (5)使用join( )来拼接字符串。
其实封装有这样几个好处: 封装好的代码,内部变量不会污染外部。 可以作为一个模块给外部调用。外部调用者不需要知道实现的细节,只需要按照约定的规范使用就行了。 对扩展开放,对修改关闭,即开闭原则。...上 window.$ = window.jQuery = jQuery; })(); 上述代码结构来自于jQuery源码,从中可以看出,你调用时省略的new在jQuery里面帮你调用了,目的是为了使大量调用更方便...建造者模式 建造者模式是用于比较复杂的大对象的构建,比如Vue,Vue内部包含一个功能强大,逻辑复杂的对象,在构建的时候也需要传很多参数进去。...JS中面向对象的内容较多,我这里不展开了,有一篇文章专门讲这个问题。 总结 很多用起来顺手的开源库都有良好的封装,封装可以将内部环境和外部环境隔1. 离,外部用起来更顺手。...新老对象之间可能有继承关系的可以考虑用原型模式来封装,JS本身就是一个典1. 型的原型模式。 使用设计模式时不要生搬硬套代码模板,更重要的是掌握思想,同一个模式在不1.
一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常会希望单击后退按钮能够取消他们的前一次操作,但是在Ajax应用程序中,这将无法实现。...答案是肯定的,用过Gmail的知道,Gmail下面采用的Ajax技术解决了这个问题,在Gmail下面是可以后退的,但是,它也并不能改变Ajax的机制,它只是采用的一个比较笨但是有效的办法,即用户单击后退按钮访问历史记录时...(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)...同源策略规定在访问时如果域名,协议,端口与发起请求的地方不一致时,就属于跨域请求, 这种时候,需要使用一些跨域请求的技术, 一: 利用JQuery的方法,使用JSONP模式访问,dataType:‘jsonp...平时常用的引入JS方式,是同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,也就是说,浏览器在下载或执行该js代码块时,后面的标签不会被解析。
考虑到测试版稳定性不如正式版,不建议普通用户更新,以免造成数据的丢失和损坏。...Edison -当鼠标右键单击时打开可视化选项将不关闭菜单,将“禁用大样本撤销”菜单重命名为“启用大样本撤销”。...提示:当你在录制多个片段或循环录制时,且不希望前一个片段或任何其他被发送到正在录制的混音器轨道的音频与外部输入混合时,请使用此选项。...Audio Recording -新的监视器选项(关闭,当添加上时,以及开启)。录音位置菜单,选择外部输入会将录音位置设置为外部以避免录制内部音频。...层通道 -添加了新的顺序播放模式(循环方式)。录音 - “监控外部输入”的默认值现在是“布防时”。许可和解锁 -初始解锁后无需电子邮件和密码即可下载许可证更新,支持持久性的令牌。
[] weekMode 在月视图里显示周的模式,因为每月周数可能不同,所以月视图高度不一定。...fixed:固定显示6周高,日历高度保持不变liquid:不固定周数,高度随周数变化variable:不固定周数,但高度固定 'fixed' weekNumbers 是否在日历中显示周次(一年中的第几周...以下列出的是当鼠标单击或者滑过日历中的某个元素时,回调的函数callback。...;date是点击的day的时间(如果在agenda view, 还包含时间),在月view下点击一天时,allDay是true,在agenda模式下,点击all-day的窄条时,allDay是true,...日程事件拖动和缩放 拖动和缩放功能依赖于jQuery ui的draggable和resizable,所以在使用时要提前加载jQuery ui相关插件。
在开始之前,我们简单的介绍一下到底什么是jQuery? jQuery是一个优秀的Javascript框架。...也许你跟我一样,在打开外部链接时不喜欢多次验证就可以实现。...但是在XHTML 1.0中又没有“_blank”的标签属性。并且网站的拥有者也想在新窗口中打开所有外部链接时,能够保持访问者仍然在自己的网站上。...就这jQuery而言,将允许在新窗口中打开所有的外部链接。...能够更简单、容易的处理右键的单击事件。
领取专属 10元无门槛券
手把手带您无忧上云