发现怎么都不能点击,在“开发人员工具中提示”:SCRIPT5007: 属性“aa”的值为 null、未定义或不是 Function 对象 ?...其实是因为页面其他地方有JS语法错误,166-167行多一个{ 导致JS加载异常,并不是因为这个函数aa()本身的问题!...所以遇到类似提示一定要想到是否语法错误 本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看
jQuery兼容所有主流浏览器,包括IE6(不失为解决兼容性的一种方法)。 注意: jQuery 2以上版本不支持IE6,7,8浏览器; IE版本小于9,引入jquery1.9.0版本;IE版本大于等于9,引入jquery2.0版本。 ...属性设置无效,因为色彩动画不包括在核心jQuery库中。...; removeClass():向被选元素中删除一个或多个类; toggleClass():切换addClass()和removeClass(); css():设置或获取css属性。...1.jQuery load():从服务器加载数据,并将返回的数据放入被选元素中。
ZK工程师分享了他的见解,Eclipse之所以能够维持这种势头的原因:“开发人员是一种习惯性的生物,很多享受于在Eclipse熟悉的环境中编程。” ?...自2016年1月开始,微软已经停止支持IE 8,9,和10。相应地,我们的研究结果表明,三分之一的开发人员已经升级到IE11。不过,需要注意的是超过一半的人,51%,依然支持IE8,9,10。...一小部分(11%)开发人员并不受此影响,因为他们不打算集成IE浏览器到他们的项目中。 总结 45%的开发人员使用的是JDK 8。 75%的开发人员使用Eclipse工作。...19%的开发人员目前使用的是IntelliJ,6%使用NetBeans。 到2016年秋天为止,32%的开发人员预期支持IE11,30%预期支持IE10及以上。...21%的开发人员可能支持IE9,而11%丝毫没有支持IE浏览器的计划。
本文将带你深入浅出,探索 JQuery 中的事件绑定,为你揭开这个奇妙世界的面纱。 开启奇妙之旅 在开始探索 JQuery 事件绑定之前,我们先来简单了解一下 JQuery。...深入了解:事件类型与事件处理 常见的事件类型 在 JQuery 中,事件类型有很多种,常见的包括: 鼠标事件:click(点击)、dblclick(双击)、mousedown(鼠标按下)、mouseup...; }); 在这个处理函数中,我们使用 alert 函数弹出一个提示框。实际上,事件处理函数可以执行各种操作,包括但不限于修改页面元素、发送网络请求、切换样式等。...+ ")"); }); 在这个例子中,我们通过事件对象 event 获取了一些关于点击事件的信息,包括事件类型、触发元素的 ID 以及鼠标的位置...; }); 在这个例子中,我们监听了用户名和密码输入框的 input 事件,通过判断输入的内容长度,实时更新相应的错误提示。
这个版本带来了错误修复、性能提升和显著变化,最值得注意的是放弃了对IE的支持,以更好地适应现代web标准。...jQuery团队长期寻求的重大改进在jQuery 4.0.0 beta中得以实现,包括清除多余代码、淘汰已废弃的API、移除未发布的内部参数,以及简化过于复杂的“魔法”行为。...向IE<11说再见 随着技术的进步,jQuery 4.0决定停止支持IE10及更早版本的浏览器。我们计划在未来的版本中(jQuery 5.0)进一步缩小浏览器支持范围。...此外,为了避免CSP错误,jQuery 4.0已将大多数异步脚本请求从使用XHR改为使用标签。XHR仅在特定情况下继续使用(例如使用“headers”选项时)。...然而,出于几个原因,jQuery在web开发中仍然有一席之地: 遗留浏览器支持:许多网站和web应用仍需要支持如IE11这样的老旧浏览器,这些浏览器缺乏对现代JavaScript特性的支持。
事件对象: 由于IE-DOM和标准DOM实现事件对象的方法各不相同,导致在不同 浏览器中获取事件对象变得比较困难.针对这个问题,jquery进行了必要的扩 展和封装,从而使得在任何浏览器中能很好的轻松的访问获取事件对象以及事...jquery对其进行了封装,使之能兼容各大浏览器 (3)event.stopPropagation()方法 阻止事件的冒泡.js真符合W3C规范的stopPropagation()方法在IE浏览器中无效...() 方法是在mouseover中相当于 IE浏览器的event.fromElement()方法,在mouse 中相当于IE浏览器的event.toElement方法. jquery对其进行了封装,使之能兼容各大浏览器...该方法的作用是获取到光标相对于页面的x坐标和y坐标.如果没有使用jquery时,那么IE浏览器中 是使用event.pageX()和event.pageY()方法.如果页面上有滚动条,则还要加上滚动条的宽度和高...度.在IE浏览器中还应该减去默认的2px的边框.
一、预加载图像 如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。 ? 二、检查图像是否加载 有时为了继续脚本,你可能需要检查图像是否全部加载完毕。 ?...四、悬停切换 当用户鼠标悬停在可点击的元素上时,可添加类到元素中,反之则移除类。 ? 只需要添加必要的 CSS 即可。更简单的方法是使用 toggleClass() 方法。 ?...如果没有定义处理程序,其他的 jQuery 代码或会就此罢工。定义一个全局的 Ajax 错误处理程序 ?...三十一、链式插件调用 jQuery 允许“链式”插件的方法调用,以减轻反复查询 DOM 并创建多个 jQuery 对象的过程。 ? 通过使用链式,可以改善 ?...链式和高速缓存的方法都是 jQuery 中可以让代码变得更短和更快的最佳做法。 本文在GitHub的地址 Common-code 阅读更多 参考文章 『总结』web前端开发常用代码整理
作者:WEBING segmentfault.com/a/1190000014700549 一、预加载图像 如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。 ?...四、悬停切换 当用户鼠标悬停在可点击的元素上时,可添加类到元素中,反之则移除类。 ? 只需要添加必要的 CSS 即可。更简单的方法是使用 toggleClass() 方法。 ?...如果没有定义处理程序,其他的 jQuery 代码或会就此罢工。定义一个全局的 Ajax 错误处理程序 ?...三十一、链式插件调用 jQuery 允许“链式”插件的方法调用,以减轻反复查询 DOM 并创建多个 jQuery 对象的过程。 ? 通过使用链式,可以改善 ?...链式和高速缓存的方法都是 jQuery 中可以让代码变得更短和更快的最佳做法。
但貌似只能在弹出层中显示,而没有下拉这种方式显示。 zebra-datepicker 可配置性很强。但貌似只能在弹出在右上方。。。...用滚轮来翻页 turn.js 做一本书,带漂亮的翻页的效果 幻灯 coin-slider 兼容IE6。蛮好的~。不过其切换方式是一块块的。不能配置切换方式。。。...wowslider 幻灯切换时各种很炫的效果。收费。 cycle2 普通的幻灯,竟然不支持垂直滚动。。。 jcarousel 普通的幻灯,不兼容IE6 reveal 3d滚动。...roundabout 3d切换,看的后面图片的边 弹出框 Magnific-Popup 兼容PC,Mobile。还不错,有5k+的star layer 国人开发的,兼容ie6+。...dotdotdot 文字溢出时,添加在文字末尾加省略号 jQuery-menu-aim 二级菜单的切换如Amazon主页上一样迅速 AnythingZoomer 放大镜功能 美化/高亮语法代码 google-code-prettify
Javascript 语法错误的库, Facebook 出品 zoomooz: jQuery 插件,用来处理浏览器缩放 fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库,优雅大方...,兼容性良好 (兼容到 IE6),插件丰富,性能良好 jquery.smartbanner: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android...border-width 和 background-position 实现的各种动态效果,看真相 Fluidbox: 页面上内嵌图片的放大缩小效果,类似于 Medium 中的效果 jquery-validation...Sortable: 现代浏览器上用于实现元素拖拽排序的功能,支持 Meteor, AngularJS, React,不依赖 jQuery Swiper: 用于实现浏览器上的滑动切换效果,支持硬件加速 matter-js...插件 Swipe: 非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb slick: 功能异常强大的一个图片滑动切换效果库 SocialButtons: 漂亮的社交按钮
步骤1:下载并引用 jQuery.js jQuery 官方目前发布的版本已经到3.X 但是jQuery从2.0开始不兼容IE8,最低支持IE9。...而IE8在国内还是有很多使用者,业务系统的开发也就需要兼容IE8,所以可以采用下面的兼容性写法 1 jquery-3.6.0...[endif]--> 第一行可以引用2.0及以上版本的jQuery.js 第2-4行通过判断IE浏览器的版本来加载对应版本的jQuery.js。常用的有1.8.x与1.9.x版本。 使用语句IE 8]> 仅IE8可识别,在IE8模式下进行一些兼容操作。这样在切换到IE8时,低版本的jQuery就会覆盖高版本的jQuery。...如果切换了图纸/模型,则需要将其重置,然后在后续操作中再创建。
效果预览:http://hovertree.com/code/jquery/smjv6d0n.htm 基于jQuery编写的横向自适应幻灯片切换特效 全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐...,兼容IE6。...适用浏览器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 代码如下: 1 切换 - 何问起 6 jquery/...、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
现在的 jQuery 团队主要包括核心库、UI 和插件等开发人员以及推广和网站设计维护人员。...1.1.2 jQuery 的引用 ① 下载 jQuery ☞ 1.x:兼容 ie678,使用最为广泛的,官方只做 BUG 维护, ♞ 功能不再新增。...window.onload 方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即 JavaScript 此时才可以访问网页中的任何元素。...而通过 jQuery 中的 (document).ready() 方法注册的事件处理程序,在 DOM 完全就绪时就可以被调用。...要解决这个问题,可以使用 jQuery 中另一个关于页面加载的方法 load() 方法。load() 方法会在元素的 onload 事件中绑定一个处理函数。
1) 方法一:hashchange事件 hashchange事件遵从HTML5规范,它会在页面URL中的片段标识符(第一个#号开始到末尾的所有字符,包括#号)发生改变时触发。...以下的IE浏览器呢?...不过,作为hashchange事件的polyfill方法,被采用在很多jquery.hashchange插件里,比如jquery库:jquery.ba-hashchange jquery.ba-hashchange.js...它的优点是,路由器在多个URL间跳转,可以完全支持浏览器SEO(切换Hash不能改变真正的URL,多次路由切换后,搜索引擎爬虫会认为一直访问同一个页面,无法SEO)。...缺点是,切换路由后的http://www.somesite.com/subPage1.html 并不是一个真正的资源地址,想象一下,这个时候点击浏览器刷新按钮,浏览器必然会发起对subPage1.html
大版本分类: 1.x版本:能够兼容IE678浏览器 2.x版本:不能兼容IE678浏览器 3.x版本:不能兼容IE678浏览器,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678...jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。...li元素,包括孙子等 总结:跟css的选择器用法一模一样。...但是如果与其他框架中的 作为标示符,但是如果与其他框架中的冲突时,jQuery可以释放$符的控制权.
大版本分类: 1.x版本:能够兼容IE678浏览器 2.x版本:不能兼容IE678浏览器 3.x版本:不能兼容IE678浏览器,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678...}); //第二种写法 $(function() { }); jQuery入口函数与js入口函数的对比: JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。...jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...选择器 jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。...li元素,包括孙子等 总结:跟css的选择器用法一模一样。
3.x版本是目前的最新版本,与1.x版本有着相同的API。1.x版本兼容IE6、IE7和IE8,而3.x版本不兼容IE6、IE7和IE8。...1、在实际开发中,我们建议使用1.x版本,而不是3.x版本,原因有两个: 2、现在很多网站还是要考虑兼容IE6~IE8; 大多数jQuery插件不支持3.x版本,只支持1.x版本。...压缩版是经过高度压缩的,以“jquery.min.js”命名,一般供实际开发者使用。 在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”版本。...也就是说,你写的jQuery代码必须放在jQuery库文件下面才能生效。 像下面这种方式就是错误的,很多初学者容易犯这种错误,大家要特别注意。...不少初学者总是发现自己写的 jQuery 代码没有实现相应的效果,原因很可能就是引入的 jQuery 库文件路径没有写正确。
,包括从本地读取缓存 responseStart: 1441112692686, // HTTP 响应全部接收完成的时间(获取到最后一个字节),包括从本地读取缓存...使用时需要注意,performance的相关操作,最好放在onload的回调中执行,避免出现异常的bug. process,onload 这里的过程其实就和开头的时候说的一样 (1) 解析HTML结构。...接下来我们要做的最后一件事,就是看看jquery老大哥,他的ready事件的原理到底是什么. jquery ready事件浅析 jquery主要做的工作就是兼容IE6,7,8实现DOMContentLoaded...的效果.由于现在主流只要兼容到IE8, 剩下IE6,7我们不做过多的分析了。...我们来看一下jquery中实现doScroll的兼容: //低版本的IE浏览器,这里添加监听作为向下兼容,如果doScroll执行出现bug,也能保证ready函数的执行 document.attachEvent
以下几个 jQuery 技巧,也许你工作中能够用上。 1....悬停切换类 假设你希望当用户将鼠标悬停在可点击的元素上时,它会改变颜色。...淡入 / 滑动切换 滑动和淡入都是我们用 jQuery 做动画的时候大量运用的东西。如果你只是想在用户点击之后展示一个元素的话,那么用 fadeIn 和 slideDown 方法就很完美。...修复的时候要小心这个问题。 8. 通过文本查找元素 通过使用 jQuery 中的 contains() 选择器,你可以找到元素内容的文本。...如果没有定义处理程序,其他的 jQuery 代码或会就此罢工。