在運行時使用jQuery創建CSS規則/類通常我有一個CSS文件，它有以下規則：#my-window {
position: fixed;
z-index: 102;
display:none;
top:50%;
left:50%;}如何通過在運行時操作期間將CSS信息添加到正文或類似的東西來避免創建這樣的靜態CSS文件？（僅使用jQuery）我想用jQuery定義一次，然后多次使用它; 這就是為什么我不想每次都將它添加到特定的DOM元素。我知道簡單的功能（css("attr1", "value");），但是如何創建完整的可重用CSS規則？
3 回答
慕碼人8056858
TA貢獻1803條經驗 獲得超6個贊
只是
$("<style>")
.prop("type", "text/css")
.html("\
#my-window {\
position: fixed;\
z-index: 102;\
display:none;\
top:50%;\
left:50%;\
}")
.appendTo("head");注意到背斜線？它們用于連接新行上的字符串。離開它們會產生錯誤。
守著一只汪
TA貢獻1872條經驗 獲得超4個贊
你可以將css應用于一個對象。所以你可以在你的javascript中定義你的對象，如下所示：
var my_css_class = { backgroundColor : 'blue', color : '#fff' };然后只需將其應用于您想要的所有元素
$("#myelement").css(my_css_class);所以它是可重用的。你會這樣做的目的是什么？
- 3 回答
- 0 關注
- 652 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消