$("#bt2").on('click', function() {

? ? ? ? //在匹配test1元素集合中的每個元素后面插入p元

? ? ? ? var obj = document.getElementById('bt2');

? ? ? ? /*

? ? ? ? 1?

? ? ? ? var $obj = $(obj);

? ? ? ? $(".test2").after($obj)

? ? $obj ?這個是通過jQuery的$()方法轉化而來的jQuery對象

? ? ? ? */

? ? ? ? /*

? ? ? ? 2 ?$(".test2").after(obj)

obj 是通過document.getElementById(');方法獲得的Dom元素

? ? ? ? */

? ? ? ? /*

? ? ? ? 3 ?$(".test2").after('<p style="color:blue">after,在匹配元素之后增加</p>', '<p style="color:blue">多參數</p>')

這個屬于HTML字符串 ?'<p style="color:blue">after,在匹配元素之后增加</p>', '<p style="color:blue">多參數</p>'

? ? ? ? */

? ? ? ? ?總結 2個方法都是都可以接收HTML字符串，DOM 元素，元素數組，或者jQuery對象，用來插入到集合中每個匹配元素的前面或者后面

? ? });

建議還是多看css和js，這些是基礎。

用 ?document.getElementById（）或者 ?htlm標簽都是 ?Dom ? ? ?用 ?$('標簽')就是JQ對象 ??

var ?a =??document.getElementById（'div'）這是dom ? ? ?$a =??document.getElementById('id' ) dom 轉jq對象 ? 大概是這樣