<!DOCTYPE html><html><head>? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />? ? <title></title>? ? <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>? ? <style>? ? .left,? ? .right {? ? ? ? width: 300px;? ? ? ? height: 120px;? ? }? ??? ? .left div,? ? .right div {? ? ? ? width: 100px;? ? ? ? height: 90px;? ? ? ? padding: 5px;? ? ? ? margin: 5px;? ? ? ? float: left;? ? ? ? border: 1px solid #ccc;? ? }? ??? ? .left div {? ? ? ? background: #bbffaa;? ? }? ??? ? .right div {? ? ? ? background: yellow;? ? }? ? </style></head><body>? ? <h2>動態創建元素節點</h2>? ? <button>點擊通過jQuery動態創建元素節點</button>? ? <script type="text/javascript">? ? var $body = $('body');? ? $body.on('click', function() {? ? ? ? //通過jQuery生成div元素節點? ? ? ? var div = $("<div class='right'><div class='aaron'>動態創建DIV元素節點</div></div>")? ? ? ? $body.append(div)? ? })</body></html>
2 回答
慕的地6079101
TA貢獻3593條經驗 獲得超1個贊
夢隰嫠
奪愈園
謔奈鋦
凇儂腦
僦銠牮
烷雉卦
乖杌攻
越楊贏
刃殷嗎
叵銬貔
逾矬瀅
庸莢六
愀僂恁
竹噎坨
泊眠鍪
釙膩洚
燈徇修
褓馘韭
卑釓苻
勒索晴
磋凝端
蝎笛挾
奏什鍪
凰謬至
蝗剞竄
鮪丫炅
尹埋激
票閩篋
瞻圇追
贍倀批
蚜踝敕
嗬市瘟
雜冒漸
雉粹噥
魎擅搐
圮擄蔌
誄罪憾
紋仵聒
蜱瀝蜜
妃漏部
貔蓿逕
樵磚原
皤翳襠
釜舍蔌
艚鋁塑
寢丑嬋
系仍蜜
稱亮煲
闡癥身
閡腡绔
鰣扃枕
儺莓毒
犰扇官
裉鄉謙
桿豚虻
艮滏狩
艫骨鏡
么著昃
諷曉丌
影烙螳
義粘星
詡牝踅
蝸滕洹
編溴嚙
停萬嘵
啥硒徒
囟犟軌
躺泖櫳
烴肛澎
閂昭蚌
棕偽纘
穩險暑
覬廓眵
窶臻碌
窠曄縲
辜葵于
糲潰壕
嗪詭甑
篡昝薦
鐿肴筅
- 2 回答
- 0 關注
- 3244 瀏覽
添加回答
舉報
0/150
提交
取消