jquery 自定义插件实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自定义插件</title>
<script language="javascript教程" src="jquery-1.3.1.min.js"></script>
<script language="javascript">
<!--
$(document).ready(function(){
///写插件Fade
/**
*@author Infinity
*@description 文字变红色 plug-in for jquery
*@url jinku.com
*************************************************
* js如下:
* $(document).ready(function(){
* $(".yeqing").click(function(){
* $("#test").red();
* });
* });
* html如下:
* <div id="test">XXXXXXX</div>
* <a HREF="#" class="yeqing">XXX</a>
*************************************************
*/
var Fade = {
red:function(){
return $(this).css教程('color','#ff0000');
}
}//Fade:end
///将插件写入jQuery
jQuery.fn.extend(Fade);
});
$(document).ready(function(){
///应用所写的插件Fade
$('#ye').click(function(){
$('#test').red();
});
});
//-->
</script>
</head>
<body>
<div id="test"><span>点一下我变红了吧!</span></div>
<a href='#' id="ye">请点击测试</a>
</body>
</html>