<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-1.11.2.js"></script> </head> <body> <script type="text/javascript"> (function($){ //$.qq是一个全局的函数 $.qq = function(options){ var opt = $.extend({},$.fn.defaults,methods,options); opt.show("gg"); }; //注意一定是;分号,不能是逗号 //这种是JS的方式。它等同于,如果用jquery的方式,则是这样 $.fn.methods //它 var methods = $.fn.method var methods = { mess:"good good study ", show:function(mess){ $("body").append("<div >"+mess+"</div>"); }, }; //使用$.fn的可以直接调用,也可以用 var defaults = {//省略下面的代码...} $.fn.defaults = { border:"1px solid red", width:150, height:150, message:"goood", callback:function(ok){ alert(ok); //$(body).append(); } }; //直接在Jquery类里面添加方法,类似于ajax,和$.qq一样 $.loading = function(){ alert("eee"); }; $.fn.ye = function(){ alert("我是一个全局的函数哦yee"); } //使用$.fn方式的全局函数 $.fn.ye.method = function(){ alert("qqq"); } /* var method = function(option){ var options = $.extend({},defaults,option); } */ })(jQuery); </script> <script type="text/javascript"> //全局的函数。在jquery里面直接添加类的方法 $.foo = function(){ alert("goo"); } $.fn.foo = function(){ alert("我是一个全局的函数哦foo"); } </script> <script type="text/javascript"> $(function(){ //$.qq(); //$.fn.defaults.callback(true); //$.loading(); //$.fn.ye(); //调用第二个script块的插件 //$.foo({}); $.fn.foo(); }) </script> </body> </html>
相关推荐
总结来说,“jquery插件特效(六)”提供了丰富的H5幻灯片效果,涵盖各种场景和交互设计,为开发者提供了强大的工具箱。掌握这些插件的使用,能够提升网页的动态效果,增强用户的交互体验,进一步推动H5技术在网页...
同时,由于其基于jQuery,因此与其他jQuery插件和库的兼容性较好,可以轻松集成到现有项目中。 总结起来,jQuery消息提示插件growl-notification为网页开发提供了一种强大且灵活的用户反馈机制,通过理解和掌握其...
4.2.2 ready()方法的几种相同写法/86 4.3 绑定事件/86 4.4 切换事件/90 4.4.1 hover()方法/90 4.4.2 toggle()方法/93 4.5 移除事件/94 4.6 其他事件/96 4.6.1 方法one() /97 4.6.2 方法trigger () /98 4.7...
这些插件覆盖了表单验证、日期选择器、拖放操作等多种场景,极大地丰富了jQuery的应用范围。 总的来说,jQuery 1.3.2作为一款经典版本,以其强大的功能和友好的API,深受开发者喜爱。尽管后续版本不断迭代更新,但...
6. **插件扩展**:jQuery的可扩展性使得开发者可以编写自己的插件,丰富其功能。 接下来,我们转向`ThinkPHP3.2.2完全开发手册.chm`。ThinkPHP是中国较早且影响力较大的PHP框架之一,3.2.2版本是其成熟稳定的版本,...
8. **插件系统**:jQuery拥有强大的插件生态系统,1.8.1版本同样支持各种插件,如表单验证、图片懒加载、轮播图等,丰富了功能并降低了开发难度。 9. **API更新**:在jQuery 1.8.1中,部分API进行了调整,如`.live...
jQuery EasyUI 是一个基于 jQuery 的前端用户界面框架,它提供了丰富的组件和插件,使得开发者可以快速构建出美观且功能齐全的Web应用界面。这个框架是建立在jQuery基础之上,结合了HTML5、CSS3以及JavaScript的技术...
- **插件系统**:jQuery的插件系统允许开发者创建自定义的jQuery插件,这些插件可以扩展jQuery的核心功能,满足特定的应用需求。 ### 浅析jQuery框架与构造对象 jQuery框架的核心是`$`符号,这是一个全局函数,用于...
3.10.3 功能实现 3.10.4 代码分析 3.11 本章小结 第4章 jquery中的事件与应用 4.1 事件机制 4.2 页面载入事件 4.2.1 ready()方法的工作原理 4.2.2 ready()方法的几种相同写法 4.3 绑定事件 ...
- **插件生态**:jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,大大扩展了其功能范围,满足多样化的需求。 4. **学习与实践** - **文档阅读**:深入理解jQuery 1.9.1,首先要查阅官方文档,理解每个...
**Cron表达式选择器JS插件**是一种用于在Web应用程序中方便地创建和管理Cron表达式的JavaScript组件。Cron表达式是Unix系统中的一种时间调度语法,用于定义任务的执行计划。这个JS插件结合了BootStrap的样式,提供了...
7. **插件生态**:jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,可以扩展其功能,满足各种复杂需求。 源代码部分通常会包含书中各个章节的实例代码,读者可以通过运行这些代码来学习和实践jQuery的...
jQuery插件机制允许开发者扩展其功能。通过封装代码并公开自定义方法,可以创建高度可重用的组件。典型的插件结构包括`$.fn.extend()`来扩展jQuery对象,以及一个初始化函数用于设置插件的默认选项。 七、链式操作 ...
这是一种简化的写法,等同于`$(document).ready(function())`。例如`$(function() { alert("文档加载完成"); })`。 ##### 3.2 jQuery对象的访问 - **get()方法**:获取所有匹配的DOM元素集合。这是一个向后兼容的...
在实际应用中,结合jQuery提供的各种API和插件,可以构建出丰富的交互式Web应用。对于初学者来说,熟悉和掌握jQuery的选择器和DOM操作是基础,而深入理解AJAX和JSON处理则有助于提升Web应用的用户体验。更多关于...
- 编写插件时,应注意遵循jQuery插件开发的最佳实践,确保插件能够与jQuery兼容,以及保持代码的可读性和可维护性。 通过上述知识点的讲解,可以看出jQuery作为一款流行的JavaScript库,其核心功能和使用方式极大地...
8. **插件机制**:jQuery的扩展性极强,许多第三方开发者开发了各种插件,如轮播图插件、表单验证插件等,这些插件丰富了jQuery的功能,提高了开发效率。 9. **链式调用**:jQuery的一个显著特点就是链式调用,如`$...
JQuery 是一个广泛使用的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、...这份文档为你提供了一个良好的起点,后续的学习中,你还可以探索jQuery插件、API文档以及社区资源,进一步拓宽你的技能树。
6. **插件机制**:jQuery的生态系统中有大量的第三方插件,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Carousel等,这些插件大大扩展了jQuery的功能。 7. **链式操作**:jQuery的一个显著...
- 浏览器兼容性:优秀的jQuery插件会考虑到不同浏览器的兼容性问题,确保功能在主流浏览器中都能够正常运行。 在实际应用中,开发者需要根据项目的具体需求来选择合适的图片预览插件,并进行相应的配置和调试。这...