jq 创建与添加节点

<!DOCTYPE html>

<head>

<title>Title</title>

<style>

div {

width: 400px;

height: 400px;

}

</style>

</head>

<body>

我是内容

</div>

<p>我是外面的p元素</p>

$(function () {

// //创建jq对象

// var $li = $('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>');

// console.log($li);

// $("div").append('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>');

//添加到子元素的最后面

//$("div").append($("p"));

//$("p").appendTo($("div"));

//$("div").prepend($("p"));

//$("p").prependTo($("div"));

// $('div').after($("p"));

// $('div').before($("p"));

});

</script>

</body>

</html>

转载于:https://www.cnblogs.com/lujieting/p/10549816.html

jq 创建与添加节点相关推荐

appendChild+insertBefore：创建和添加节点
创建和添加节点 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...
【JS】创建和添加节点示例
创建和添加节点示例 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
JavaScript文档对象模型DOM节点操作之创建和添加节点（5）
得出结论:创建元素节点后,必须要把刚创建的元素节点添加到相应的元素下,否则不会在页面出现示例代码: <!DOCTYPE html> <html><head>< ...
节点操作之创建和添加节点
1.创建节点 document.createElement('tagName') document.createElement() 方法创建由tagName指定的HTML元素,因为这些元素原先不存在, ...
页面显示格式化的时间、倒计时效果、学成在线案例（创建、添加节点）、学生信息表（重点）、5秒钟之后跳转页面（location.href应用）、学生信息表(页面刷新数据不丢失)（重点）——API练习案例
目录 1. 页面显示格式化的时间 2. 倒计时效果 3. 学成在线案例(创建节点.添加节点) 4.学生信息表案例(重点) 5. 5秒钟之后跳转页面(location.href的应用) 6. 学生信息表 ...
jq添加标签属性_前端-jq创建标签/添加属性/css属性
jq创建标签 var ptag = $(' '); jq添加属性如href,id,class,name等 $('#content').attr('class/id/name/href', 'activ ...
节点操作-创建并添加删除节点替换克隆节点
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
089_DOM节点动态创建、添加和删除
1. 创建节点 1.1. 创建元素 document.createElement(tagName); 1.2. 创建文本 document.createTextNode("这是新文本.&qu ...
怎样添加、移除、移动、复制、创建和查找节点？
1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 ...

jq 创建与添加节点

jq 创建与添加节点相关推荐

最新文章

热门文章