Question

我正在开发一个非常动态的页面，为了简单起见，我们将会调用很多按钮（实际上是div）。

这些按钮的span标签内有display:none;。所有这些“按钮”都有内部的Span和隐藏它们的css类。我不能为每个人创建一个#ID，它们将是动态的

我如何使用Jquery使用.show()动画只是被点击的项目。我无法输入ID，因为它将使用php动态创建。

Answer 1

$('.button').click(function(){
    $(this).find('span').show();
})

<强> jsfiddle

Answer 2

试试这个

$("div").click(function(){
    $(this).children("span").show();
});

<强> DEMO

更多信息 here

Answer 3

$(".className or #idName").css("thecssselector", "thevalue");

See Here

Answer 4

使用这个jQuery：

$(document).ready(function(){
    $("tag name or id on which you will click").click(function(){
        $("tagname on which you want to apply the css").css("property_name","property_value");
   });
});

Answer 5

Here有一些小提琴。

$('div').click(function(){
    $(this).find('span').fadeIn("slow");
});

Answer 6

试试这个

$(".button").click(function(){
  $("div span").hide();
  $(this).find("span").show();     
});

使用Jquery，如何更改要单击的对象的CSS？

6 个答案: