jQuery同时修复了一些浏览器之间的差异,使开发者不必在开展项目前建立浏览器兼容库。 8.链式操作方式。...这种将行为层与结构层完全分离的思想,可以使jQuery开发人员和HTML或其他页面开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式。...打开压缩版的jQuery可以发现,除了注释外,代码中几乎没有空格和换行,这附带在生产环境中可以节省资源: ?...注意:虽然有压缩和未压缩的两种版本,但是两个版本除了在代码压缩之外并没有任何区别,压缩版并没有删减jQuery的功能,未压缩版也没有增加什么功能。...传入标签的id值,然后在值的前面加上 # (与css中的选择器命名一样)即可,无论css中是否有定义该id选择器都可以这么使用,示例: <!
//隐式迭代:偷偷的遍历,在jQuery中,不需要手动写for循环了,会自动进行遍历。...//4. jQuery提供了一系列动画相关的函数,使用非常方便。 //5. 代码简单、粗暴。 没有对比,就没有伤害,有了对比,处处戳中要害。 什么是jQuery?...关于压缩版和未压缩版 jquery-1.12.4.min.js:压缩版本,适用于生产环境,因为文件比较小,去除了注释、换行、空格等东西,但是基本没有颗阅读性。...jquery-1.12.4.js:未压缩版本,适用于学习与开发环境,源码清晰,易阅读。 入口函数 入口函数的好处: 1. 等待文档加载完成,保证能够获取到元素 2....【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。
0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 status 200: "OK" 404: 未找到页面...0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 status 200: "OK" 404: 未找到页面 在 onreadystatechange...用于转换结果的函数或数组。 如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。...space: 可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。...space 有可以使用非数字,如:\t。 以上为原生ajax的应用。 jQuery ajax
在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 ?...如何关闭自动完成功能?...有什么解决办法? 行框的排列会受到中间空白(回车空格)等的影响,因为空格也属于字符,这些空白也会被应用样式,占据空间,所以会有间隔,把字符大小设为0,就没有空格了。 为什么要初始化CSS样式。...【该值介于 2 ~ 36 之间,并且字符串中的数字不能大于radix才能正确返回数字结果值】; 但此处 map 传了 3 个 (element, index, array),我们重写parseInt函数测试一下是否符合上面的规则...*jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。
1.2 为什么要学习jQuery 虽然前端的MVVM开发模式已经进入各个公司和各个开发人员的视野,而且也异常火爆。为什么还要学习jQuery呢?...下载地址:http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版: jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用...jQuery3.0多出来一个精简版(Slim) 精简版就是剔除了ajax模块和effects模块,精简版的文件比为未精简版要小很多,压缩和未压缩跟上面的区别一样。...因为window.onload事件是在页面的图片、第三方脚本、样式等都下载和加载完成后才会触发。而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...获取所有的div、p、li元素 交集选择器标签指定式选择器) $("div.redClass"); 注意选择器1和选择器2之间没有空格,class为redClass的div元素,注意区分后代选择器。
b) src\shCore.js未压缩的源代码中缺失RegExp对象,造成只能使用scripts\ shCore.js加密混淆文件,造成调试和学习上的不便。...它由jQuery,jQuery UI 和jQuery Mobile 项目使用,并可测试任何通用的 JavaScript 代码,包括其本身!...Eg: ‘highlight’ null 标记重要行,让它们高亮显示。多行之间用逗号“,”分割。 ‘title’ null 设置显示在被着色代码块上方的Title。...确保你的代码格式发布到网页显示后不会因空格或缩进造成变形。 ‘tab-size’ 4 自定义 Tab 的输入宽度。 ‘gutter’ true 设置是否在代码前面显示行号。...如果使用CuteEditor,CuteEditor会自动去除代码中的空格,造成代码格式破坏。
这个可选的显示宽度可以被应用程序用来显示宽度小于为该列指定的宽度的整数值,方法是用空格填充它们。(也就是说,这个宽度出现在结果集返回的元数据中,无论是否使用都取决于应用程序。)...显示宽度不限制可以存储在列中的值的范围,也不会阻止比列显示宽度更宽的值被正确显示。 所有的整数类型都可以有一个可选的(非标准的)UNSIGNED,当你需要更大的范围时可供选择。...超出范围和溢出处理 当存储的值超出额定范围后,存储的结果视MySQL的模式决定。 当启用了严格模式,则会按照标准的SQL拒绝数据的写入。若未启用严格模式,则将数据裁剪并写入。...DATETIME 和 TIMESTAMP 数据类型具备自动初始化和更新功能(举例:业务上通常需要的创建时间和更新时间,在MySQL层面上可以自动完成)。...当CHAR检索到值时,除非PAD_CHAR_TO_FULL_LENGTH启用了SQL模式,否则将删除尾随空格 。 VARCHAR列中的 值是可变长度的字符串。长度可以指定为0到65535之间的值。
gulp 有庞大的生态圈,且每天都在发展。依靠成千上万可供选择的插件,你可以利用 gulp 自动完成几乎任何事。...即是排除模式,它会在匹配的结果中排除这个匹配,要注意一点的是不能在数组中的第一个元素中使用排除模式 gulp.src([*.js,'!...展开模式以花括号作为定界符,根据它里面的内容,会展开为多个模式,最后匹配的结果为所有展开的模式想加起来得到的结果。...有三种方法可以实现: 第一:在异步操作完成后执行一个回调函数来通知 gulp 这个异步任务已经完成,这个回调函数就是任务函数的第一个参数。...会以纯文本的方式显示所载入的 gulpfile 中的 task 列表 --color 强制 gulp 和 gulp 插件显示颜色,即便没有颜色支持 --no-color 强制不显示颜色,即便检测到有颜色支持
在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 注意点: HTML5 只需要写<!...优点: ①通过异步模式,提升了用户体验. ②优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用. ③Ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载...2、Javascript与jQuery有什么区别? jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单。 3、在jQuery中如何注册事件?...②在jQuery中有专门的获取服务器json数据的方法,getJSON(),在回调中,jQuery会自动将json转换为javascript对象。 8、addClass、css有何用途?...6、一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
”,在网页中显示字符串“Hello” $(elem) 说明:限制jQuery作用于一个特定的dom元素,这个函数也接受xml文档和windows对象 参数: elem:通过jQuery对象压缩的...,两次弹出alert对话框分别显示0,1 size() 或 length 说明:当前匹配对象的数量,两者等价 例子: 未执行jQuery前: 显示匹配对象 hide(speed) 以一定的速度隐藏匹配对象,其大小(长宽)和透明度都逐渐变化到0,speed有3级("slow", "normal", "fast"),也可以是自定义的速度...show(speed) 以一定的速度显示匹配对象,其大小(长宽)和透明度都由0逐渐变化到正常 hide(speed, callback) show(speed, callback) 当显示和隐藏变化结束后执行函数...将返回结果装入id为a的内容中,然后再执行函数callback。
jQuery是一种JavaScript库,实现了常见任务的自动化和复杂任务简单化。 jQuery库为Web脚本编程提供了通用的抽象层,使之适合任何脚本编程情景。...jquery-X.X.X.js Development version - 用于测试和开发(未压缩,是可读的代码) ---- 使用jQuery 可以通过多种方法在网页中添加 jQuery...}); 常用的 jQuery 事件方法 文档DOM加载完成 $(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语法 章节中已经提到过。...fadeTo() 方法中必需的opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。 可选的 callback参数是该函数完成后所执行的函数名称。...**Chaining 允许我们在一条语句中运行多个 jQuery 方法**(在相同的元素上) ### jQuery 方法链接 有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery
下方的是将函数f注册在命名空间myMond $('p').bind('mouseover.myMod', f); 下方的是将函数f注册到命名空间yourMod和mouseout中 $('p').bind...动画异步好坑,动画实际上是通过定时器来完成的,由于定时器是一段段的执行,所以动画为异步操作,先执行返回,动画等待某个时刻进行执行。返回的结果,并不一定执行完毕。返回的结果,并不是执行完毕。...其中fadeIn需要之前该对象的display为noen或者visibility,通过动画显示出,上方有栗子,不在演示。 fadeOut(),同样相反,也有异步,也有队列。...ps 由于动画为队列,可以这样使用 自定义动画 使用animate() ps css3中,有类似的动画,是通过定义关键帧达到的。 jquery.plugin.js jQuery的UI库 https://jqueryui.com/ ps 该库已经两年未更新了,不过lssues 依旧在回复中,对于库的检查 https:
2.2.2 层级选择器 层级选择器,通过一些指定符号,如空格、>、+和~完成多层级元素之间的获取。...2.4 元素内容 元素内容的操作有两种:获取和设置。...若要为匹配到的元素添加和移除多个样式类名,则样式类名之间可使用空格进行分隔。 2.8 练习作业 折叠菜单 编写网页,设置CSS完成折叠菜单的结构和样式设置。...// jQuery中的页面加载事件方法有3种语法形式,具体如下。...参数fn表示在动画完成时执行的函数。 参数opacity表示透明度数值(范围在0~1之间,0代表完全透明,0.5表示50%透明,1代表完全不透明)。
//DOM加载完成的入口 }) jQuery的顶级对象:$ `是jQuery 别称,在代码中`和jQuery和等价,为了方便都是$。...`是jQuery的顶级对象,相当于原生js中的window,元素通过`包装成jQuery对象,调用jQuery属性和方法。...//(3)fn:回调函数,在动画完成时执行的函数,每个元素执行一次。...//(3)fn:回调函数,在动画完成时执行的函数,每个元素执行一次 hide([speed,[easing],[fn]]);//中括号表示可以省略此参数,无动画直接显示 3.切换显示和隐藏 toggle...(3)fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
在参数对应的时间内,元素会完成动画,然后出发回调函数 同时也提供了时间的快速定义,字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时 注意: - display属性值保存在jQuery...可选的 callback 参数是 fadeToggle完成后所执行的函数名称。 fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。...') }); 11、jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。...中查找数组中的索引inArray 在PHP有in_array()判断某个元素是否存在数组中,JavaScript却没有,但是jQuery封装了inArray()函数判断元素是否存在数组中。...jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单,没有多余的参数用法 需要注意: - 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) - 如果这些空白字符在字符串中间时
通过 过滤选择呢亲选择元素 (1) 基本过滤选择器 (2) 可见性过滤选择器 详解: 通过css选择器选取元素 jQuery支持大多数css选择器 最常用的有:基本选择器,层次选择器和属性选择器 在jQuery...通过DOM之间的层次关系来获取元素 2. jQuery有四种常用的层次选择器: (1) 后代选择器 (2) 子选择器 (3) 相邻选择器 (4) 同辈选择器 ?...在层次选择呢亲中,后代选择器和子选择器较为常用,而相邻元素选择器和同辈元素选择器在jQuery中可以用更加简单的方法代替: (1)使用next()房代替prev-next(相邻元素选择器) (2)使用nextAll...可见性过滤选择器 通过元素的显示状态,即元素显示或隐藏来选取元素 :visible:控制眼睛能看到 :hidden:控制本有但隐藏的元素 $(“:hiddden”).show()可以拿出不可见的代码(比如...Css:type=”hidden” 隐藏域 在可见性选择器中需要注意的是,选择器 :hidden获取的元素不仅包括样式属性display为“none”的元素,还包括文本隐藏域和visibility:hidden
如果你有大量工作可以在不直接访问 DOM 的情况下完成,那么使用 Web Worker 是一个不错的选择。...这是因为压缩比较小的资源时可能收益不会那么明显,事实上,动态压缩的额外开销可能会导致一些额外的延迟。但是结果显示仍然有一些机会可以压缩更大的资源,例如一些超过 100KB 的第一方脚本。...缩减 文本资源的缩减也是一种经典的优化方案,例如从代码中删除所有不必要的空格和注释来减少它们的传输大小。...在 Lighthouse 的 Minify JavaScript 审计中,68% 的移动端页面得分在 0.9 到 1.0 之间,而PC页面的得分为 79%。...未缩减 JavaScript 的平均浪费字节数 根据结果显示,未缩减 JavaScript 最大的罪魁祸首是第一方资源,占比略高于 80%,这说明在这个场景下还是有很大的优化机会的。
validateNonVisibleFields false 是否验证不可见的元素(如 type=”hidden” 的输入框,或多个输入控件在选项卡切换中) showPrompts true 是否显示提示信息...100000 自动隐藏提示信息的延迟时间 (ms) fadeDuration 0.3 隐藏提示信息淡出的时间 addPromptClass ” 给提示信息增加 class Ciaoca 增强版中,增加样式如下...onFieldFailure false 控件验证失败时的回调函数 function(field){} onSuccess false 在表单验证结果为通过时的回调函数 onFailure false...在表单验证结果为失败时的回调函数 PS:onSuccess 和 onFailure 请参考 [Demo] onValidationComplete false 表单提交验证完成时的回调函数 [Demo...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
-- ie6也支持,无须担心 --> 2.2.2格式缩进 html编码统一格式化显示,使用一个Tab键进行分层缩进 (2个空格宽度),使整个页面结构层次清晰,方便阅读和修改。...1、防止意外的创建了全局变量。 非严格模式下,为一个未申明的局部变量赋值时会自动创建一个同名的全局变量,这是Js程序中最容易出现的错误之一,在严格模式下这么做会显性的抛出异常。...当编写大量代码时,对象属性和函数参数很容易一不小心被设置成一个重复的名字。严格模式在这种情况下会显性的抛出错误 // 重复的变量名,在严格模式下会报错。...jQuery中class选择器是最慢的,因为在IE浏览器下它会遍历所有的DOM节点。...——缓存JQuery对象 要养成将jquery对象缓存进变量的习惯,避免进行多次查找,另外为了区分普通的JS对象和jQuery对象,建议在变量首字母前加上$符号。