jQ创建追加元素笔记

来源:互联网 发布:windows程序编程 pdf 编辑:程序博客网 时间:2024/05/16 17:23

jqday03-04
dom中动态创建元素:document。createElement(“标签名”),
jQ中:
append();在元素末尾追加元素(最后一个子节点)。
prepend。把元素插入到某个元素前面。
after();把元素添加到当前元素后面
before();把元素添加到当前元素的前面。

1,权限选择案例:
获取第一个下拉框中被选中的option添加到第二个下拉框中。
("#sel1").append((“#sel2>option:selected”));
2,第二种添加元素的方法:
pobj.appendTo($(“#div”));把对象主动加到div中。
3,html(“标签元素”)创建元素

4,动态创建表格
模拟数据后台得到,
①,页面加载后,点击按钮,遍历数组,获取数组中的元素内容,创建行和列,加入到tbody中。
一种是:大量拼接字符串:obj.url,obj.name,obj.type,appendTo();
另一种:创建arr[];     html();动态创建。

5,移除内容和克隆方法:
①,.html(“”);清空元素中的内容。
.empty();
.remove();移除元素自身—->自杀
(“#div”).html(“”);(“#div”).empty();
$(“#div”).remove();

克隆:
var obj=$(“#div>span”).clone();
obj.css();

0 0
原创粉丝点击