<!DOCTYPE html><html><head>? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />? ? <title></title>? ? <style>? ? .left {? ? ? ? width: auto;? ? ? ? height: 150px;? ? }? ??? ? .left div {? ? ? ? width: 150px;? ? ? ? height: 120px;? ? ? ? padding: 5px;? ? ? ? margin: 5px;? ? ? ? float: left;? ? ? ? background: #bbffaa;? ? ? ? border: 1px solid #ccc;? ? }? ? </style>? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body>? ? <h2>add方法()</h2>? ? <div class="left first-div">? ? ? ? <div class="div">? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? <li>list item 1</li>? ? ? ? ? ? ? ? <li>list item 2</li>? ? ? ? ? ? ? ? <li>list item 3</li>? ? ? ? ? ? </ul>? ? ? ? ? ? <p>新的p元素</p>? ? ? ? </div>? ? </div>? ? <div class="right"></div>? ? <br/>? ? <button>點擊：add傳遞元素標簽</button>? ? <button>點擊：add傳遞html結構</button>? ? <script type="text/javascript">? ? $("button:first").click(function() {? ? ? ? ?//把p元素加到li合集中? ? ? ? ?$('li').add('p').css('background', 'red')? ? })? ? </script>? ? <script type="text/javascript">? ? $("button:last").click(function() {? ? ? ? ?//把html結構'<p>新的p元素</p>'? ? ? ? ?//加入到li的合集中，為了能夠在頁面上顯示? ? ? ? ?//需要在重新appendTo要指定的節(jié)點處? ? ? ? ?//值得注意：整個結構位置都改變了? ? ? ? ?$('li').add('<p>新的p元素</p>').appendTo($('.right'))? ? })? ? </script></body></html>
2 回答
- 2 回答
- 0 關注
- 1422 瀏覽
添加回答
舉報
0/150
提交
取消