Jquery 如何为css创建实时事件

我怎样才能使这个代码生效

$（“#发送按钮”）.css（{opacity:0.2}）

此代码在
document ready
上从div内部应用于元素。该div在事件中被另一个div替换，然后通过
html（）
重新插入

这是div（示例）：

创建CSS规则，它将应用于与选择器匹配的任何对象，即使它是动态创建的

#send_button {opacity: 0.2;}

或者，在类名上创建一个不透明度CSS规则，并将类名放在按钮上：

.lightButton {opacity: 0.2;}

<div id="dinamic_div">
    <img src="image.jpg" class="lightButton" id="send_button">
</div>

.lightButton{opacity:0.2；}


如果必须使用javascript，那么最简单的方法就是在创建动态对象时设置其样式

如果不能做到这一点，可以使用javascript创建CSS规则

工作示例：

var html = '<div id="dinamic_div"><img src="http://dummyimage.com/200x100/000/fff&text=Hello" id="send_button"></div>';

$(html).appendTo(document.body);

var style = document.createElement("style");
style.type = "text/css";
style.innerHTML = "#send_button {opacity: 0.2;}";
document.getElementsByTagName("head")[0].appendChild(style);

var html=''；
$（html）.appendTo（document.body）；
var style=document.createElement（“样式”）；
style.type=“text/css”；
style.innerHTML=“#发送_按钮{不透明度：0.2；}”；
document.getElementsByTagName（“head”）[0].appendChild（样式）；

工作演示：
创建CSS规则，它将应用于与选择器匹配的任何对象，即使它是动态创建的

#send_button {opacity: 0.2;}

或者，在类名上创建一个不透明度CSS规则，并将类名放在按钮上：

.lightButton {opacity: 0.2;}

<div id="dinamic_div">
    <img src="image.jpg" class="lightButton" id="send_button">
</div>

.lightButton{opacity:0.2；}


如果必须使用javascript，那么最简单的方法就是在创建动态对象时设置其样式

如果不能做到这一点，可以使用javascript创建CSS规则

工作示例：

var html = '<div id="dinamic_div"><img src="http://dummyimage.com/200x100/000/fff&text=Hello" id="send_button"></div>';

$(html).appendTo(document.body);

var style = document.createElement("style");
style.type = "text/css";
style.innerHTML = "#send_button {opacity: 0.2;}";
document.getElementsByTagName("head")[0].appendChild(style);

var html=''；
$（html）.appendTo（document.body）；
var style=document.createElement（“样式”）；
style.type=“text/css”；
style.innerHTML=“#发送_按钮{不透明度：0.2；}”；
document.getElementsByTagName（“head”）[0].appendChild（样式）；

工作演示：
抱歉，这是
发送按钮
，我写错了：）使用javascript应用的CSS没有“live”，它只应用于页面上当前的元素。要插入同样适用于未来元素的CSS，只需在样式表中设置样式即可。如果不可能，您必须在头部插入一个样式标记，或者在创建元素时设置元素的样式。对不起，这是
send_按钮，我写错了：）javascript应用的CSS没有“live”，它只应用于页面上当前的元素。要插入同样适用于未来元素的CSS，只需在样式表中设置样式即可。如果这是不可能的，你必须在头部插入一个样式标签，或者在创建元素时设置元素的样式。我用CSS做的。非常感谢。我用CSS做的。非常感谢。