<nobr id="y0bla"></nobr>
課程
/前端開發(fā)
/jQuery
/jQuery基礎課程
求解，哪里出了問題？
2016-03-24
源自：jQuery基礎課程 11-11
正在回答
首先$("li")是一個元素集合，你如果用li來綁定事件的話，你需要歷遍所有的li。
其次，原生JS里，元素的mouseover屬性前面必須加上"on"，否則的話，你獲取的元素必須是用jQuery獲取的。
也就是說，你要這樣寫：$.bgcchange($("li:"));你之前只是把一個內(nèi)容為li的字符串傳進去了，而不是li元素。
serebi 提問者
你這插件沒有滿足題目要求,這個插件就算實現(xiàn)了,也只是將li背景色設置為某個插件已經(jīng)寫死的固定顏色的插件.
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>ul列表項子項被選中時獲取子項背景顏色的插件</title> ????<script?src="http://idcbgp.cn/data/jquery-1.8.2.min.js"?type="text/javascript"></script> ????<script?type="text/javascript"> ????????(function($){ ????????????$.extend({ ????????????????setBackColor:function(obj,color){ ????????????????????obj.each(function(){ ????????????????????????var?old?=?$(this).css("background-color"); ????????????????????????$(this).hover( ????????????????????????????function(){ ????????????????????????????????$(this).css("background-color",color); ????????????????????????????}, ????????????????????????????function(){ ????????????????????????????????$(this).css("background-color",old); ????????????????????????????} ????????????????????????????); ????????????????????}) ????????????????}, ????????????});???????????? ????????})(jQuery); ????????$(function(){ ????????????$.setBackColor($("#mUl?li"),"orange"); ????????}) ???????? ????</script> ????<style?type="text/css"> ????????ul{ ????????????width:?150px; ????????} ????????li{ ????????????background-color:?#ccc; ????????????color:?#000; ????????} ???????? ????????#tips{ ????????????color:?red; ????????} ????</style> </head> <body> ????<ul?id="mUl"> ????????<li>子項1</li> ????????<li>子項2</li> ????????<li>子項3</li> ????????<li>子項4</li> ????????<li>子項5</li> ????????<li>子項6</li> ????????<li>子項7</li> ????????<li>子項8</li> ????????<li>子項9</li> ????????<li>子項10</li> ????</ul> </body> </html>
舉報
加入課程學習，有效提高前端開發(fā)速度
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-03-25
首先$("li")是一個元素集合，你如果用li來綁定事件的話，你需要歷遍所有的li。
其次，原生JS里，元素的mouseover屬性前面必須加上"on"，否則的話，你獲取的元素必須是用jQuery獲取的。
也就是說，你要這樣寫：$.bgcchange($("li:"));你之前只是把一個內(nèi)容為li的字符串傳進去了，而不是li元素。
2016-05-14
你這插件沒有滿足題目要求,這個插件就算實現(xiàn)了,也只是將li背景色設置為某個插件已經(jīng)寫死的固定顏色的插件.
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>ul列表項子項被選中時獲取子項背景顏色的插件</title> ????<script?src="http://idcbgp.cn/data/jquery-1.8.2.min.js"?type="text/javascript"></script> ????<script?type="text/javascript"> ????????(function($){ ????????????$.extend({ ????????????????setBackColor:function(obj,color){ ????????????????????obj.each(function(){ ????????????????????????var?old?=?$(this).css("background-color"); ????????????????????????$(this).hover( ????????????????????????????function(){ ????????????????????????????????$(this).css("background-color",color); ????????????????????????????}, ????????????????????????????function(){ ????????????????????????????????$(this).css("background-color",old); ????????????????????????????} ????????????????????????????); ????????????????????}) ????????????????}, ????????????});???????????? ????????})(jQuery); ????????$(function(){ ????????????$.setBackColor($("#mUl?li"),"orange"); ????????}) ???????? ????</script> ????<style?type="text/css"> ????????ul{ ????????????width:?150px; ????????} ????????li{ ????????????background-color:?#ccc; ????????????color:?#000; ????????} ???????? ????????#tips{ ????????????color:?red; ????????} ????</style> </head> <body> ????<ul?id="mUl"> ????????<li>子項1</li> ????????<li>子項2</li> ????????<li>子項3</li> ????????<li>子項4</li> ????????<li>子項5</li> ????????<li>子項6</li> ????????<li>子項7</li> ????????<li>子項8</li> ????????<li>子項9</li> ????????<li>子項10</li> ????</ul> </body> </html>