web开发之-jquery的基本使用(3)

jquery操作元素内容

添加元素append,prepend,before,after:
$(function(){ var dom = $("#container_id"); dom.append("<span>我是append添加的元素</span>"); dom.prepend("<span>我是prepend添加的元素</span>"); dom.after("<span>我是after添加的元素</span>"); dom.before("<span>我是before添加的元素 </span>");});

注：以上虽然都是添加元素，但是有细微的差别：
append:是在选择的dom 内部的后面添加元素；
prepend:是在选择的dom 内部的前面添加元素；
after:是在选择的dom后面添加的元素；
before:是在选择的dom前面添加的元素；
更改元素text,html:
$(function(){ var dom = $("#container_id"); dom.text("我是通过text方法更改的元素") var dom1 = $(".container_class:eq(0)"); dom1.html("<div>我是通过html方法更改的元素</div>");});

注：
我们可以使用选择器的text()和html()来获取元素，同样的也可以在这个方法里面写入参数来更改内容
删除元素remove和empty:
$(function(){ var dom = $("#container_id"); // dom.remove(); dom.empty();});

注：
你可以更改不同的注释内容看下源码里，
remove：这个方法会把当前选中元素和子元素全部从dom中删除；
empty：这个方法会把选中的元素的 子元素 从dom中删除；

web开发之-jquery的基本使用(3)

浏览过的版块