慕課網(wǎng)首頁
免費(fèi)課
實(shí)戰(zhàn)課
體系課
發(fā)現(xiàn)
評(píng)價(jià) 教程專欄手記
商業(yè)合作
企業(yè)服務(wù) 講師入駐

                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

jquery-extend（）到底有什么用?。?/h1>

<!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>我是第一個(gè)</li>
????<li>我是第二個(gè)</li>
????<li>我是第三個(gè)</li>
????<li>我是第四個(gè)</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>