                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(五)一Ajax應用與常用插件

jquery-extend（）到底有什么用??？

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
????<style?type="text/css">
????????ul{
????????????width:100px;
????????????margin:10px?auto;
????????}
????????li{
????????????height:30px;
????????????background-color:#0d638f;
????????????padding:1px;
????????????margin:1px?0;
????????????line-height:30px;
????????????text-align:?center;
????????????color:#f0ad4e;

????????}
????????li:hover{
????????????cursor:pointer;
????????}
????</style>
????<script?type="text/javascript"?src="../js/jquery-1.7.2.min.js"></script>
????<script?type="text/javascript"?src="../js/jquery-2.0.0.min.js"></script>


</head>
<body>
<ul?id="ulTest">
????<li>我是第一個</li>
????<li>我是第二個</li>
????<li>我是第三個</li>
????<li>我是第四個</li>
</ul>

<script?type="text/javascript">
????/*$(function(){
????????$("li").bind("mouseover",function(){
????????????$(this).css("background-color","#fffccc")
????????});
????????$("li").bind("mouseout",function(){
????????????$(this).css("background-color","#0d638f");
????????});
????})*/
?$(function(){
????????var?oldcolor="#0d638f";
???????$.extend({
???????????"focuse":function(obj,color){
???????????????????$(obj).mouseover(function(){$(this).css("background",color)});
???????????????????$(obj).mouseout(function(){$(this).css("background",oldcolor)});
???????????????}
????????});
????});
????$(function(){
????????????$.focuse($("li"),"blue")
????})




</script>
</body>
</html>