`
KuangYeYaZi
  • 浏览: 56990 次
文章分类
社区版块
存档分类
最新评论

jquery插件的几种写法自己总结的

    博客分类:
  • jq
 
阅读更多
<!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插件特效(六)

    总结来说,“jquery插件特效(六)”提供了丰富的H5幻灯片效果,涵盖各种场景和交互设计,为开发者提供了强大的工具箱。掌握这些插件的使用,能够提升网页的动态效果,增强用户的交互体验,进一步推动H5技术在网页...

    jQuery多种消息提示插件growl-notification.zip

    同时,由于其基于jQuery,因此与其他jQuery插件和库的兼容性较好,可以轻松集成到现有项目中。 总结起来,jQuery消息提示插件growl-notification为网页开发提供了一种强大且灵活的用户反馈机制,通过理解和掌握其...

    jQuery权威指南-源代码

    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-1.3.2.js和jquery.min-1.3.2.js

    这些插件覆盖了表单验证、日期选择器、拖放操作等多种场景,极大地丰富了jQuery的应用范围。 总的来说,jQuery 1.3.2作为一款经典版本,以其强大的功能和友好的API,深受开发者喜爱。尽管后续版本不断迭代更新,但...

    ThinkPHP+Jquery手册

    6. **插件扩展**:jQuery的可扩展性使得开发者可以编写自己的插件,丰富其功能。 接下来,我们转向`ThinkPHP3.2.2完全开发手册.chm`。ThinkPHP是中国较早且影响力较大的PHP框架之一,3.2.2版本是其成熟稳定的版本,...

    Jquery 1.8.1开发版

    8. **插件系统**:jQuery拥有强大的插件生态系统,1.8.1版本同样支持各种插件,如表单验证、图片懒加载、轮播图等,丰富了功能并降低了开发难度。 9. **API更新**:在jQuery 1.8.1中,部分API进行了调整,如`.live...

    jQuery EasyUI

    jQuery EasyUI 是一个基于 jQuery 的前端用户界面框架,它提供了丰富的组件和插件,使得开发者可以快速构建出美观且功能齐全的Web应用界面。这个框架是建立在jQuery基础之上,结合了HTML5、CSS3以及JavaScript的技术...

    jquery开发入门整理(所需要了解的)

    - **插件系统**:jQuery的插件系统允许开发者创建自定义的jQuery插件,这些插件可以扩展jQuery的核心功能,满足特定的应用需求。 ### 浅析jQuery框架与构造对象 jQuery框架的核心是`$`符号,这是一个全局函数,用于...

    jQuery权威指南366页完整版pdf和源码打包

    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-1.9.1

    - **插件生态**:jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,大大扩展了其功能范围,满足多样化的需求。 4. **学习与实践** - **文档阅读**:深入理解jQuery 1.9.1,首先要查阅官方文档,理解每个...

    Cron表达式选择器JS插件

    **Cron表达式选择器JS插件**是一种用于在Web应用程序中方便地创建和管理Cron表达式的JavaScript组件。Cron表达式是Unix系统中的一种时间调度语法,用于定义任务的执行计划。这个JS插件结合了BootStrap的样式,提供了...

    《jQuery基础教程》随书光盘&源代码

    7. **插件生态**:jQuery拥有庞大的插件生态系统,如Bootstrap、jQuery UI等,可以扩展其功能,满足各种复杂需求。 源代码部分通常会包含书中各个章节的实例代码,读者可以通过运行这些代码来学习和实践jQuery的...

    jQueryAPI-100214.rar

    jQuery插件机制允许开发者扩展其功能。通过封装代码并公开自定义方法,可以创建高度可重用的组件。典型的插件结构包括`$.fn.extend()`来扩展jQuery对象,以及一个初始化函数用于设置插件的默认选项。 七、链式操作 ...

    JQUERY基础入门.PPTX

    这是一种简化的写法,等同于`$(document).ready(function())`。例如`$(function() { alert("文档加载完成"); })`。 ##### 3.2 jQuery对象的访问 - **get()方法**:获取所有匹配的DOM元素集合。这是一个向后兼容的...

    jquery常用操作.pdf

    在实际应用中,结合jQuery提供的各种API和插件,可以构建出丰富的交互式Web应用。对于初学者来说,熟悉和掌握jQuery的选择器和DOM操作是基础,而深入理解AJAX和JSON处理则有助于提升Web应用的用户体验。更多关于...

    jquery文档

    - 编写插件时,应注意遵循jQuery插件开发的最佳实践,确保插件能够与jQuery兼容,以及保持代码的可读性和可维护性。 通过上述知识点的讲解,可以看出jQuery作为一款流行的JavaScript库,其核心功能和使用方式极大地...

    最全jQueryAPI

    8. **插件机制**:jQuery的扩展性极强,许多第三方开发者开发了各种插件,如轮播图插件、表单验证插件等,这些插件丰富了jQuery的功能,提高了开发效率。 9. **链式调用**:jQuery的一个显著特点就是链式调用,如`$...

    jquery学习整理的文档

    JQuery 是一个广泛使用的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、...这份文档为你提供了一个良好的起点,后续的学习中,你还可以探索jQuery插件、API文档以及社区资源,进一步拓宽你的技能树。

    JQuery 经典教程示例

    6. **插件机制**:jQuery的生态系统中有大量的第三方插件,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Carousel等,这些插件大大扩展了jQuery的功能。 7. **链式操作**:jQuery的一个显著...

    jquery图片预览插件实现方法详解

    - 浏览器兼容性:优秀的jQuery插件会考虑到不同浏览器的兼容性问题,确保功能在主流浏览器中都能够正常运行。 在实际应用中,开发者需要根据项目的具体需求来选择合适的图片预览插件,并进行相应的配置和调试。这...

Global site tag (gtag.js) - Google Analytics