`
lhgyy00
  • 浏览: 143787 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

jquery学习笔记--2

阅读更多
jQuery.fn.foobar=function(){
//do something
}
/**可选,创建帮助方法**/
jQuery.fooBar={
	height:5,
	calculateBar =function(){},
	checkDependencies = function(){}
}
/**可选:创建可选的参数**/
jQuery.fn.foobar = function(options){
	var settings = {
		value:5,
		name:'pete',
		bar:655
	};
	if(options){
		jQuery.extend(settings,options);
	}
}


/**编写插件,查看radio标签的checked属性**/
$("input[@type='checkbox']").each(function(){//这几句话有什么作用啊
	this.checked = true;
	//取消
	this.checked = false;
	//点击了就取消,反之则点击
	this.checked = !this.checked;	
})
/**插件**/
$fn.check = function(){
	return this.each(function(){
			this,checked = true;
		})
}
/**使用**/
$("input[@type = 'checkbox']").check();
//还可以在写一个uncheck()方法,通过参数字符来判断
$fn.check=function(mode){
	var mode = mode||'on',
	return this.each(function(){
		switch(mode){
		case 'on':
			this.checked=true;
			break;
		case 'off':
			this.checked= false;
			break;
		case 'toggle':
			this.checked = !this.checked;
			break;
		}
	})
}
/**使用**/
$("input[@type='checkbox']").check();
$("input[@type='checkbox']").check('on');
$("input[@type='checkbox']").check('off');
$("input[@type='checkbox']").check('toggle');

$fn.rateMe = function(options){
	var container = this;
	var settings = {
		url = rate.php//如果没有,这里就默认设置
	};
	if(options){
		$.extend(settings.options);
	}
	return this;
}
分享到:
评论

相关推荐

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    jquery学习笔记-相关代码

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这份笔记旨在深入理解jQuery的核心概念,通过实例代码来加强理解和应用。 1. **jQuery选择器**:...

    Jquery学习笔记-2009Juery年度插件之galleria

    **jQuery学习笔记——2009年jQuery年度插件之Galleria** Galleria是一款功能强大的JavaScript图像画廊插件,它在2009年因其出色的设计和丰富的功能而备受关注。这款插件充分利用了jQuery库的强大性能,使得在网页上...

    jQuery 语法学习笔记

    jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...

    jquery-ui-1.7.1.custom.css 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的CSS是有对应的代码段的。请参考博客 ====> Jqgrid...

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    锋利的JQuery学习笔记.pdf

    锋利的JQuery学习笔记

    jquery 学习笔记

    **jQuery学习笔记** jQuery,作为一个轻量级的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧,帮助初学者快速上手。 ## 一...

    韩顺平jquery学习笔记及练习

    《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源,由知名讲师韩顺平的课程实录整理而成,旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...

    jquery 学习笔记源码 1-3章

    《jQuery学习笔记源码1-3章》涵盖了jQuery的基础到进阶内容,是初学者深入理解这一强大JavaScript库的关键步骤。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。...

    JQuery学习笔记

    以下是对JQuery学习笔记的详细解析: 首先,JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异,导致开发跨浏览器的网页应用变得复杂。为了统一这些...

    AJAX学习笔记----jquery+servlet实现用户名验证

    NULL 博文链接:https://persistc.iteye.com/blog/264072

    jquery-1.3.1-vsdoc.rar

    2. 参数提示:在调用函数时,VSDOC会显示参数的类型和说明,避免了因参数错误导致的运行时问题。 3. 代码补全:在编写jQuery代码时,可以享受到代码补全的便利,提高编码速度和准确性。 五、jQuery基础操作 - 选择...

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    jquery学习笔记.rar

    《jQuery学习笔记详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,因其简洁的语法和强大的功能,深受开发者喜爱。这份"jQuery学习笔记.rar"包含的资源旨在帮助你全面掌握jQuery,无论你是初学者还是有...

Global site tag (gtag.js) - Google Analytics