jquery 如何为动态添加的元素添加样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 如何为动态添加的元素添加样式相关的知识,希望对你有一定的参考价值。

参考技术A 你添加的元素是用jquery添加的把,比如你想添加一个div,拥有class=“myClass”,添加到id=page的元素里面。
$("<div></div>").addClass("myClass").appendTo($("#page"));

如何为 Paypal Checkout 按钮添加样式?

【中文标题】如何为 Paypal Checkout 按钮添加样式?【英文标题】:How can I add style to Paypal Checkout button? 【发布时间】:2017-07-09 19:24:44 【问题描述】:

有没有办法为 Paypal 结帐按钮添加一些样式?

或者创建我自己的支付宝结帐按钮?

【问题讨论】:

【参考方案1】:

嗯,PayPal 本身提供了几种设计。 (Have a look at them)。但是如果你想要自己的风格,那么你需要在后端实现支付并绑定你自己的按钮。

【讨论】:

【参考方案2】:

如上所述,您无法自定义这些按钮,但您可以尝试一些 css - js hack 来改变它的外观。例如,您可以将 paypal 按钮的不透明度设为 0 - 然后将您的按钮拉到 paypal 按钮下方并使您的按钮 z-index -1 以便用户可以单击 paypal 按钮。您还可以在悬停的贝宝按钮上添加悬停效果。我希望你能想到一个主意。但是 - 这只是视觉黑客。

【讨论】:

【参考方案3】:

如果您使用的是 paypal.Button.render 集成,则不需要。按钮在 iframe 中呈现,因此样式可以自定义但不能完全改变:

https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/customize-button/

这意味着该按钮将在任何设备(包括视网膜显示器)上以高分辨率呈现,而不是根据您使用的设备看起来模糊的图像。

【讨论】:

以上是关于jquery 如何为动态添加的元素添加样式的主要内容,如果未能解决你的问题,请参考以下文章

js如何为动态添加进来的a超级链接元素添加click事件函数

jQuery DataTables:如何为每个动态添加的行添加行 ID?

jQuery Mobile动态刷新页面样式

jquery动态添加样式

jquery 向DIV动态添加元素

jquery如何在DIV的后面动态添加一个DIV?