调用 Javascript/jQuery 创建的类的方法

发布于 2024-12-04 05:24:16 字数 718 浏览 3 评论 0原文

$(document).ready(function(){            
        $("#first").click(function(){
            $("#secondHolder p").addClass('red');
            });
        $(".red").click(function(){
            $(this).css("color","red");
            });
})

HTML：

  <p id= "first">Click me first to give Second the class "red"</p>
  <div id= "secondHolder"><p>Click on first, then click on me, and I should be red.</p>     </div>

基本上，当单击一个元素时，我想向另一个元素添加一个类。然后，我调用新类的单击函数上的方法，并将其颜色更改为红色。抱歉，如果这是一个基本问题，我对 javascript 有点陌生。感谢您的帮助！

原文

http://jsfiddle.net/3BqtV/
Javascript:

$(document).ready(function(){            
        $("#first").click(function(){
            $("#secondHolder p").addClass('red');
            });
        $(".red").click(function(){
            $(this).css("color","red");
            });
})

HTML:

  <p id= "first">Click me first to give Second the class "red"</p>
  <div id= "secondHolder"><p>Click on first, then click on me, and I should be red.</p>     </div>

Basically, when one element is clicked, I want to add a class to another element. And then, I call a method on the click function of the new class and have it change color to red.
Sorry if it's a basic question, I'm kinda new to javascript. Thanks for the help!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

山川志 2024-12-11 05:24:16

不要使用 .click，而是使用 .live('click' - 它会立即或在将来的任何时刻与该选择器匹配任何元素。

http://jsfiddle.net/3BqtV/1/

$(document).ready(function(){            
        $("#first").click(function(){
            $("#secondHolder p").addClass('red');
            });
        $(".red").live('click', function(){
            $(this).css("color","red");
            });
})

Instead of using .click, use .live('click' - it matches any element with that selector now, or at any future point.

http://jsfiddle.net/3BqtV/1/

$(document).ready(function(){            
        $("#first").click(function(){
            $("#secondHolder p").addClass('red');
            });
        $(".red").live('click', function(){
            $(this).css("color","red");
            });
})

回复收藏 0 原文

~没有更多了~