代码之家  ›  专栏  ›  技术社区  ›  cdnicoll

jQuery复制对象

  •  1
  • cdnicoll  · 技术社区  · 16 年前

    <div id="links">
        <ul>
            <li><a href="javascript:void(0)" name="link_1" >link 1</a></li>
            <li><a href="javascript:void(0)" name="link_2" >link 2</a></li>
            <li><a href="javascript:void(0)" name="link_3" >link 3</a></li>
            <li><a href="javascript:void(0)" name="link_4" >link 4</a></li>
            <li><a href="javascript:void(0)" name="link_5" >link 5</a></li>
        </ul>
        </div>
    

    JS:

    var jQ = jQuery.noConflict();
            jQ(document).ready(function()
            {
    
                    jQ("#links").hover(
                        function() {
                            console.log("links over")
                            jQ("a").click(function() {
                                console.log(this)
                            })
                        },
                        function() {
                            console.log("links out")
                        }
                    );
            });
    

    注意:所有“a”属性都是a的结果 点击

    链接

    链接

    a name=“link_5”href=“javascript:void(0)”

    a name=“link_5”href=“javascript:void(0)”

    链接

    2 回复  |  直到 7 年前
        1
  •  4
  •   Sampson    16 年前

    不要给自己下定义 $.click() 方法内 $.hover();

    jQ("a").click(function() {
      console.log(this)
    })
    

    $.hover()

    var jQ = jQuery.noConflict();
    jQ(document).ready(function()
    {
      jQ("a").click(function() {
        console.log(this)
      });
    
      jQ("#links").hover(
        function() {
          console.log("links over");
        },
        function() {
          console.log("links out");
        }
      );
    });
    
        2
  •  0
  •   cdnicoll    16 年前

    谢谢你的反馈。我来自C++背景,所以我可以看到我对此有点困惑。

    也许是我的错,因为我没有尽可能具体。我期待创建一个交换效果,当你在一个链接上悬停(我知道我把点击事件在那里,但它将被更改为悬停)。因此:

    1. 当鼠标进入#links时,我希望它创建一个bool链接 如果在里面就对如果在里面就错了 他走了。
    2. 如果鼠标处于以下位置:
    3. 将当前图像与

        var jQ = jQuery.noConflict();
    jQ(document).ready(function()
    {
        jQ('#links').hover(
            // over
            function() 
            {
                mseOver();
            },
    
            // out
            function() 
            {
                mseOut();
            }
        );
    
        function mseOver()
        {
            jQ('#links li a').hover(function() {
                var img = jQ(this).attr("name");
    
                jQ("#image_swap").fadeOut("medium", function() {
                    jQ(this).attr("src", img);
                    jQ(this).fadeIn("medium");
                });
            });
        }
    
        function mseOut()
        {
                jQ("#image_swap").attr("src", "images/default.jpg")
        }