前端第十六课：javascript基础5-PHP培训九期线上班

文档处理内部插入

.append

在每个匹配元素里面的末尾处插入参数内容
.append()前面是要选择的对象，后面是要在对象内插入的元素内容
.append(content)

var html = '<select><option value="hefei">合肥</option></select>';
$('div[flag="mydiv"]').append(html);

.prepend

将参数内容插入到每个匹配元素的前面（元素内部）

var html = '<select><option value="hefei">合肥</option></select>';
$('div[flag="mydiv"]').prepend(html);

.appendTo

将匹配的元素插入到目标元素的最后面（译者注：内部插入）
.appendTo()前面是要插入的元素内容且为Jquery对象，而后面是要选择的对象
$(content).appendTo(selector)

var html = '<select><option value="hefei">合肥</option></select>';
$('div[flag="mydiv"]').appendTo($('#myprovince'));

.prependTo

将所有元素插入到目标前面（元素内）

var html = '<select><option value="hefei">合肥</option></select>';
$('div[flag="mydiv"]').prependTo($('#myprovince'));

文档处理外部插入

after

在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点。
外面，后面
.after(content)

var html = '<select><option value="hefei">合肥</option></select>';
$('div[flag="mydiv"]').after(html);

before

根据参数设定，在匹配元素的前面插入内容（译者注：外部插入）
外面，前面
.before(content)

var html = '<select><option value="hefei">合肥</option></select>';
$('div[flag="mydiv"]').before(html);

删除

.empty()

从DOM中移除集合中匹配元素的所有子节点
移除选定元素内的内容，只留下选定元素大壳子

.remove()

将匹配元素集合从DOM中删除。（手册网注：同时移除元素上的事件及 jQuery 数据。）
移除选定元素，什么都不留

this

<button onclick="remove(this)">remove</button>
<script type="text/javascript">
  function remove(obj){
          $(obj).remove();
    }
</script>

复制

clone

创建一个匹配的元素集合的深度拷贝副本
.clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点

var btn = $('button[name="btn"]').clone();
$('body').append(btn);

筛选

.eq( index )

指定为index下标的元素

$('button').eq(1).remove();

.first

获取匹配元素集合中第一个元素

$('button').first().remove();

.last

获取匹配元素集合中最后一个元素

$('button').last().remove();

addClass(className)，removeClass

添加、删除样式

$('#pro a').removeClass('active');
$(obj).addClass('active');

.toggle

绑定两个或多个处理程序绑定到匹配的元素，用来执行在交替的点击

$('.hides').toggle(1000);

.show

括号里面是时间

$('.hides').show(1000);

.hide