### >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)