### >html() 對應innerHTML 文本內容（包括 HTML 標記）。使用在多個元素時，只讀取第一個元素 text() 對應innerText 內容。不能用在表單元素上 val() 對應value 設置或返回表單字段的值。只能用在表單元素上 $('span').insertBefore( $('div') ); //把一個元素放在指定元素的前面 $('div').insertAfter( $('span') ); //后面 $('div').prependTo( $('span') ); //把一個元素放到指定元素內的前面 $('div').appendTo( $('span') ); //內后面 append() //在被選元素內結尾插入內容 prepend() //在被選元素內開頭插入內容 after() //在被選元素之后插入內容 before() //在被選元素之前插入內容 區別 ：后續操作變了 $('span').insertBefore( $('div') ).css('background','red'); $('div').before( $('span') ).css('background','red'); .append($div); 文本內容、元素標記、函數 remove() //刪除被選元素（及其子元素） empty() //從被選元素中刪除子元素 過濾被刪除的元素 $("p").remove(".italic"); ####3.操作css > addClass() //添加一個或多個類 removeClass() //刪除一個或多個類 toggleClass() //對被選元素進行添加/刪除類的切換操作 css() //設置或返回樣式屬性 $("h1,h2,p").addClass("blue important"); $('div').addClass('box2 box4'); .css('color','red') .css({"background-color":"yellow","font-size":"200%"}); ###3.尺寸 >width() height() innerWidth() innerHeight() outerWidth() outerHeight() alert( $('div').css('width')); //帶有px alert( $('div').width() ); //width alert( $('div').innerWidth() ); //width + padding alert( $('div').outerWidth() ); //width + padding + border alert( $('div').outerWidth(true) ); //width + padding + border + margin .removeAttr() 刪除元素屬性 $('.red').clone() 復制一個.red的元素 $(selector).replaceWith(content) selector為被替換的元素，content為替換的內容 $(content).replaceAll(selector)