发布于 2016-11-28 04:56:21 | 151 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
本文实例讲述了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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<title>jquery简单的插件制作</title>
<script type="text/javascript">
(function ( $ ) {
$.fn.greenify = function ( options) {
var settings = $.extend({
color:"#556b2f",
backgroundColor:'#000',
padding:'20px'
}, options );
return this.css( {
color:settings.color,
backgroundColor : settings.backgroundColor,
padding : settings.padding
});
};
}( jQuery ));
$(document).ready(function(){
$("div").greenify({
color:"#000",
backgroundColor:'#ccc',
padding:'50px'
})
});
</script>
</head>
<body>
<div id="accordion">
jquery简单的插件制作
</div>
</body>
</html>
希望本文所述对大家jQuery程序设计有所帮助。