JQuery - 使用jquery获取所有内部元素并修改它们的CSS

Question

我想通过JQuery获取div的所有内部元素，然后修改它们的CSS。我有这个：

<div id="example"> 
    <div class="inner"><p>Hello</p> 
    <div class="inner"><p>I'm</p> 
    <div class="inner"><p>New in JQuery</p> 
</div> 

然后，我想用一个JQuery来改变他们的CSS。事情是这样的：

里面的

$('#example').on('click', function(){ 
    $(this).html().css('color','blue'); 
}); 

这是一个例子，但我想用拖放到该应用到一个真实的Web应用程序和下降。谢谢

Answer 1

$ .children（）会给你任何你的选择器的直接后裔的元素。如果你想得到所有的后代，你可以做$ .find（）。这听起来像你想这样做：

$("#example").click(function() { 
    $(this).children().css('color', 'blue'); 
}); 

这里是一个Fiddle Demo

Answer 2

在单击它会改变颜色为红色。

$('#example').on('click', function(){ 
    $(this).css("color", "red"); 
}); 

JS提琴：http://jsfiddle.net/67Lax/

Answer 3

如果你想使用的功能。对尝试这个办法：

$("#example div").on("click", function(){ 
    $(this).css('color','blue'); 
}); 

的js小提琴：example