1. 程式人生 > >簡易版的jquery外掛

簡易版的jquery外掛

<style>
div{
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div></div>
<script src="jquery-1.12.4.js"></script>
<script src="jquery-bgColor.js"></script>
<script>

$(function () {
$("div").bgColor("red").width(400);
});

</script>


jquery-bgColor.js:
$.fn.bgColor = function (color) {
//this是一個jq物件
this.css("backgroundColor", color);
return this;
};