<style>.main{left:100px;height:200px}</style>$('<style>').appendTo($('head'));這樣操作發(fā)生錯(cuò)誤
2 回答
鴻蒙傳說
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
style也可以看做普通的HTML節(jié)點(diǎn)，因此其創(chuàng)建方法與jQuery創(chuàng)建普通元素的方法相同，關(guān)鍵代碼：
| 1 | $("<style></style>").text("div#test{color:red;}").appendTo($("head")); |
下面實(shí)例演示——點(diǎn)擊按鈕創(chuàng)建新的style樣式:
1、HTML結(jié)構(gòu)
| 12 | <div id="test">這是示例的DIV</div><input type="button" value="創(chuàng)建新的<style>"> |
2、jQuery代碼
| 123456 | $(function(){ $("input[type='button']").click(function() { $("<style id='test_style'></style>").text("div#test{color:red;}").appendTo($("head")); $("div#test").html($("div#test").text() + "" + $("#test_style").text()); });}); |
3、效果演示
阿波羅的戰(zhàn)車
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊
1.
$("head").css(
"left": "100px"
, "height": "200px"
)
2.
$("head").addClass("className")
- 2 回答
- 0 關(guān)注
- 385 瀏覽
添加回答
舉報(bào)
0/150
提交
取消