Javascript jQuery：修改附加对象'；s CSS $（'foo'）.css（{color:'black'}）.append（'bar'）.css（{color:'red'}）；

鉴于上述情况，将

css（）

方法应用于

foo

，但是如何使其应用于包装“bar”的div呢

在同一执行行中，我能想到的唯一方法是在

append（function（）{…}）

中创建一个jQuery div对象，并在那里应用样式

---

注意：我试图避免内联样式（例如

.append（'bar'）

）

---

---

更新：我实际上也在将css应用于foo；该示例已更新以反映这一点

您可以翻转链，以便在附加元素上运行，方法是使用，如下所示：

$('#foo').css({color:'black'}).append('<div>bar</div>').css({color:'red'});

$（'bar'）.appendTo（'foo'）.css（{color:'red'}）；
//或：
$（'bar'）.css（{color:'red'}）.appendTo（'foo'）；
//或：
$（“”，{text:'bar'，css:{color:'red'}}）；

试试这个：

$('<div>bar</div>').appendTo('#foo').css({color:'red'});
//or:
$('<div>bar</div>').css({color:'red'}).appendTo('#foo');
//or:
$('<div />', { text:'bar', css: {color:'red'} }).appendTo('#foo');

$（'bar'）.css（{color:'red'}）.appendTo（'foo'）；

最简单的方法是使用appendTo（）而不是append（）

$（'bar'）.css（{color:'red'}）.appendTo（'foo'）；

您可以在这里找到一个工作示例：

$（'foo'）.append（$（'bar'）.css（{color:'red'））；

或类似的$

$('#foo').append($('<div>bar</div>').css({color:'red'}));

$（'foo'）.append（$（''.text（'bar'）.css（{color:'red'}））；

关于：

$('#foo').append($('<div />').text('bar').css({color:'red'}));

$（'foo'）.append（'bar'）.end（）.css（{color:'red'}）；

从动态方法后退一步，在css中创建一两条规则怎么样

$('#foo').append('<div>bar</div>').end().css({color:'red'});

不需要这样胡闹注入内联样式

最后是另一种获得附加div的方法：

#foo { color: black; }
#foo div,
#foo .orViaSomeClassName { color: red; }

$（'foo'）
.css（'color'，'black'）//css on#foo
.append（'bar'）//附加到#foo
.find（'div'））
.css（'color'，'red'）；//在#foo内的divs上使用css

三个几乎完全相同的答案同时出现。。。哈哈。有趣的是，我决定不使用

appendTo

，因为脚本的其余部分是逻辑流，但在这里使用它实际上是有意义的。Cheers我还记得为什么我现在这么做了，因为我也在将css应用于

foo

，我将编辑我的示例。@vol7ron-你也可以做

$（'#foo'）.append（$（''，{text:'bar'，css:{color:'red'}}））

来保持与

#foo

的链接，如果你想…或者

$（''，{text:'bar'，css:{color:'red red card'}.）.appendTo（'foo'.addClass'）(“something”）；

或

$（'bar'）.css（{color:'red'}）.appendTo（'foo'）.parent（）.addClass（“something”）；

这与我所做的类似，只是我有

。append（$（document.createElement（'div'））.css（{…}））

这与我所做的类似，只是我有

.append（$（document.createElement（'div'））.css（{…}））

我打算对此发表评论。CSS定义/规则不是一个选项。这与需要关系不大，而更多的是与学习练习有关。此外，

查找

可以返回多个结果，它不是指新创建的

div

。我知道您可以使用

最后一个

或

第一个

选择器，但我尽量小心这个示例，不是故意向新创建的对象添加类或id。我试图说服用户根据问题提出独特有效的解决方案，就像Josiah的示例一样。

$('#foo').append('<div>bar</div>').end().css({color:'red'});

#foo { color: black; }
#foo div,
#foo .orViaSomeClassName { color: red; }

$('#foo')
    .css('color', 'black') // css on #foo
    .append('<div>bar</div>') // appended to #foo
    .find('div')
        .css('color', 'red'); // css on divs inside #foo