例如,我要写一个改变某元素背景颜色的插件
xhtml部分(省略部分代码)
<head>
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript" src="jquery.me.js"></script>
<script type="text/javascript">
$(function(){
$("#a").me("#fe0");
})
</script>
</head>
<body>
<div id="a" style="height:200px;background:#f00;"></div>
</body>
xhtml语法注意点是
引入jquery.js,引入插件js,应用插件.
插件的应用方法一般为
$(元素).me(传递参数); //在此例中,插件名叫 me
jquery.me.js代码:
$.fn.me=function(color){
this.css("background",color);
}
插件的语法为
$.fn.插件名 = function(参数){
this.*** //this即表示当前jquery对象,在此例中为 id=a的 元素对象