                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

我也是醉了，找了半天，找不出问题，就是实现不了，要砸电脑的节奏，大神有空给我解答下，哎--

<!DOCTYPE html>
<html>
<head>
    <title>创建一个jquery插件</title>
    <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<body>
    <div>
        <h1>创建一个JQuery插件</h1>
        <ul id="ul">
            <li>Test1</li>
            <li>Test2</li>
        </ul>
    </div>
<script type="text/javascript">
    (function(){
        $.extend({
           "change_color":function(li_col){
               var def_over = "#ccc";
               var def_out = "#fff";
               def_over =(li_col == undefined) ? def_over : li_col;
               $(this).find("li").each(function(){
                  $(this).mouseover(function(){
                     $(this).css("background-color",def_over);
                  }).mouseout(function(){
                     $(this).css("background-color",def_out);
                  });
               });
           }
        });
        })(jQuery);
    $(function(){
        $("#ul").change_color();
        });
</script>
</body>
</html>

Angry_fungus

2014-12-13

源自：jQuery基础课程 11-11

关注问题我要回答

658

操作

收起

3 回答

qq_沛公_0
2015-02-05

感谢、

0 回复有任何疑惑可以回复我~

收起回答

qq_沛公_0
2015-02-05

不用each的

0 回复有任何疑惑可以回复我~

收起回答

SHAP
2014-12-17

你的代码错误太多，结构也不是很清晰，给你更改了下，你自己对照的看下吧

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>创建一个jquery插件</title>
		<script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
	</head>

	<body>
		<div>
			<h1>创建一个JQuery插件</h1>
			<ul id="u1">
				<li>Test1</li>
				<li>Test2</li>
			</ul>
		</div>
		<script type="text/javascript">
			(function($) {
				$.extend({
					"change_color": function() {
						var def_over = "#ccc";
						var def_out = "#fff";
						$("li").bind("mouseover", function() {
							$($(this)).css("background-color", def_over);
						});
						$("li").bind("mouseout", function() {
							$($(this)).css("background-color", def_out);
						});
					}
				});
			})(jQuery);
			$(function() {
				$.change_color();
			});
		</script>
	</body>

</html>

1 回复有任何疑惑可以回复我~

收起回答

Angry_fungus 提问者

好的谢了，辛苦了

2014-12-17 回复有任何疑惑可以回复我~

cherryoung

不用each函数吗？

2014-12-21 回复有任何疑惑可以回复我~