作为一个
java商城开发以及jsp商城开发者来说js和jQuery是最长见也是最常用的,下面就来介绍jQuey常用的方法,首先$.fn.method() 语法来表示调用一组匹配元素的方法。比如当我说 $.fn.addClass,则表示$('div').addClass('blue') 或者 $('a.active').addClass('in-use') 此类的用法。$.fn 是 jQuery 包装元素的原型。
1. Sizzle 的权重:Sizzle 是 jQuery 用于在 DOM 找元素的的选择器引擎,基于 CSS 选择器。正是它将 $('div.active')转换成可操作的元素数组。我知道 Sizzle 占了 jQuery 相当大的部分,但它的庞大还是吓到了我。按行数来说它很无疑是 jQuery 中唯一最庞大的特性。我估计它占了总代码库的 22%,而第二大的特性—— $.ajax 只占了 8%。
2. $.grep:这个方法与 Underscore 的 _.filter 类似。接受两个参数,一个元素数组和一个函数,对每个元素依次执行函数,返回执行结果为 true 的元素数组。
3. 冒泡禁止:jQuery 明文禁止 load 事件冒泡。从内部看,jQuery 在所有的 load 事件中传入特殊的 noBubble: true标记,所以 image.load 事件才不会冒泡到 window 上错误地触发 window.load 事件。
4. 默认动画速度:jQuery 通过快速连续地改变样式属性来实现元素动画效果。每一次小改变被称作一个 tick。默认动画速度是每13毫秒运行一次 tick,要改变速度你可以重写 jQuery.fx.interval 成你想要的整数。
5. fn.addClass 可以接受函数:我们通常向 $.fn.addClass 提供一个包含类名的字符串来创建元素。但它也可以接受一个函数。这个函数必须返回一个字符串,多个类名间要以空格隔开。这里还有个彩蛋,这个函数接受已匹配元素的索引作为参数,你可以用这个特性来构造智能变化的类名。
6. fn.removeClass 也一样:与上文的一样,它也可以接受一个函数。这个函数也会自动接收元素的索引。
7. :empty 伪选择器:可以方便地用来匹配没有孩子的元素。
8. :lt 与 :gt 伪选择器:它们会根据元素在匹配集合中的索引来匹配元素。比如 $('div:gt(2)') 会返回所有的 div,除了前三个(从0开始)。如果你传入一个负数,它会倒过来从尾开始数。
9. $(document).ready() 的承诺: jQuery 貌似是用回了自己的东西。在内部,可信赖的 $(document).ready() 使用了一个 jQuery 延迟来确定 DOM 在什么时候完全加载。
10. $.type: 大家肯定能熟练使用 typeof 来确定数据类型,但你知不知道 jQuery 提供了一个 .type() 方法?jQuery 版比原生版更加智能。比如 typeof (new Number(3)) 返回 object,而 $.type(new Number(3)) 则返回 number。更新:正如 ShirtlessKirk 在评论中指出,$.type 返回其对象的 .valueOf() 属性。所以更准确的说法应该是 $.type 告诉你一个对象的返回值的类型。
11. $.fn.queue:你可以通过 $(‘div’).queue() 查看一个元素的效果队列,很方便地了解元素还剩余多少效果。更有用的是,你可以直接操作队列去添加效果。从 jQuery 文档摘录的:
12. 禁用元素不会触发 click 事件:jQuery 默认不会为禁用的元素执行 click 事件,有了这个优化,你无需自己用代码再检查一遍。
13. $.fn.on 可以接受对象:你知道 $.fn.on 可以接受一个对象来一次过连接多个事件吗?jQuery 文档的
14. $.camelCase:这个有用的方法可以将连字符式的字符串转换成驼峰式的字符串。
15. $.active:调用 $.active 返回 XHR (XML Http Request) 查询的个数。利用它可以手动制定 AJAX 请求的并发上限。
16. $.fn.parentsUntil / $.fn.nextUntil / $.fn.prevUntil:我比较熟悉 .parents()、.next() 和 .prev(),却不知道原来还有其它的方法。它们会匹配所有的 双亲/下一个/前一个 元素直到(until)遇到符合终止条件的元素。
17. $.fn.clone 参数:当你用 .clone() 克隆一个元素,你可以用 true 作为第一个参数来克隆该元素的数据属性(data attributes)和事件。
18. 更多的 $.fn.clone 参数:除了上面的方法外,你还可以再传多一个 true 参数来克隆该元素所有孩子的数据属性和事件。这叫做“深克隆”。第二个参数的默认值与第一个一样(第一个默认false)。所以当第一个参数是 true 而你想让第二个参数也是 true 时,完全可以忽略第二个参数。
分享到:
相关推荐
使用js判断用户流览器语言,然后导入相关的css进行显示。只需要简单修改就可以用于自己的项目。可用于pc端和移动端 web前端开发(深圳)群: 73269871
jQuery 极大地简化了JavaScript编程。 VUE 一个构建数据驱动的 web 界面的渐进式框架。;Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web ...
本系列课程是专门为零基础学习Web前端开发的朋友准备的,老师将多年的教学经验与案例相结合,深入浅出,循序渐进,让大家轻松的进入Web开发行业。 本系列课程主要讲述Web开发的前端技术:html、css、JavaScript,...
现代的单页面web应用程序模型。 纯粹的基于HTML5和CSS3 / Javascript的应用程序 通用UI控件的标准组件框架和浏览器特性的访问。 通过浏览器调试Pascal代码。 多年开发的一个可靠的Delphi Pascal到Javascript编译器做...
HTML是超文本标记语言的英文缩写,这是一种标记语言,不需要进行编译,直接由浏览器执行。HTML文件是一个文本文件,包含了一些HTML元素、标签等。
了解Web前端开发技术掌握JavaScript和jQuery的基础语法及ajax方法的使用,并且使用他们可以编写简单的网页脚本,导航轮播图等内容。可以对js的使用有一个完整的了解 对于想从事web全栈开发的小伙伴是一个必不可少的...
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
本项目采用Java语言开发,整合了SSM(Spring、SpringMVC、MyBatis)框架,通过前端jQuery技术实现了对数据库的全面操作,包括增、删、改、查功能。项目代码结构清晰,共包含97个文件,涉及多种编程语言和环境配置。 ...
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
js和jquery相关编程实例代码,学习js和jquery的话,这些例子很实用,比较全面,涉及js层操作、字符切换、图片切换、无刷新表单判断等,运行于多种WEB开发语言环境中,比如ASP/PHP等,前端开发的必备教材。
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
前端技术: ... CSS :用于设计网页外观和样式的样式表语言。 JavaScript:用于在网页上实现交互性和动态效果的脚本语言。...Ruby on Rails:一个基于Ruby编程语言的Web应用框架,提供了高效的开发工具。
本书分为7章,内容包括网页与网站的相关知识、HTML语言和XHTML标准、CSS网页样式和布局设计、Fireworks美工设计、网站开发和网页设计的过程与案例,以及JavaScript和jQuery前台脚本编程技术。 全书遵循Web标准,强调...
Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户...
1、熟悉web前端技术(VUE、HTML5、Javascipt、CSS、JQuery、Ajax等); 2、熟练使用前端主流UI框架(elementUI、Layui、Mint UI、MUI等等),至少掌握上述一种框架; 3、有一定的审美能力,能够使用常用的图片处理...
本课程介绍了jQuery技术的方法面面,其中包括了jQuery选择器、jQuery事件处理、操作HTML和CSS元素、AJAX、动画效果,最后还安排一个实战项目——MyNotes。