我想通过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应用程序。感谢
答案 0 :(得分:1)
如果你想使用.on功能试试这个:
$("#example div").on("click", function(){
$(this).css('color','blue');
});
Js Fiddle:example
答案 1 :(得分:0)
$。children()将为您提供任何选择器直接后代的元素。如果你想获得所有后代,你可以做$ .find()。听起来你想要这样做:
$("#example").click(function () {
$(this).children().css('color', 'blue');
});
答案 2 :(得分:0)
点击它会将颜色变为红色。
$('#example').on('click', function(){
$( this ).css( "color", "red" );
});