慕课网

jQuery基础(二)—DOM篇

最热最新

涂山小狐狸3339196

用jQuery创建节点，直接用 $("节点的html代码")即可。然后再用append加入到父节点中即可。 <script type="text/javascript"> var $body = $('body'); // 这句要注意,把body转换成jQuery对象之后 $body.on('click', function() { // 这行才能用.on方法 //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) })

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
qyy2499760117_叶子

克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2016-06-08
qyy2499760117_叶子

empty和remove区别要用到移除指定元素的时候，jQuery提供了empty()与remove([expr])二个方法，两个都是删除元素，但是两者还是有区别 empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点 empty不能删除自己本身这个节点 remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，用来指定删除选中合集中的元素

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2016-06-08
qyy2499760117_叶子

$("#bt1").on('click', function() { //.append(), 选择表达式在函数的前面， //参数是将要插入的内容。 $(".content").append('<div class="append">通过append方法添加的元素</div>') }) </script> <script type="text/javascript"> $("#bt2").on('click', function() { //.appendTo()刚好相反，内容在方法前面， //无论是一个选择器表达式或创建作为标记上的标记 //它都将被插入到目标容器的末尾。 $('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content")) })

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2018-03-22
qyy2499760117_叶子

var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) })

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
qyy2499760117_叶子

创建节点及属性创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2016-06-08
qyy2499760117_叶子

通过AJAX获取到数据之后然后才能确定结构

查看全部

0 采集收起来源：DOM创建节点及节点属性
2016-06-08
小小娜娜

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2016-06-06
速写素

$(".level-3 li:not(:eq(1))").css("border","1px solid red") 可以达到同样的效果

查看全部

0 采集收起来源：jQuery遍历之siblings()
2018-03-22
速写素

在div元素中，往上查找所有的li元素，可以这样表达 $("div").closet("li')

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-03-22
qq_么么哒_8

.left div { background: #bbffaa; } .right div { background: yellow; } </style> </head> <body> <h2>动态创建元素节点</h2> <button>点击通过jQuery动态创建元素节点</button> <script type="text/javascript"> var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) })

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
qq_么么哒_8

<script type="text/javascript"> var body = document.querySelector('body'); document.addEventListener('click',function(){ //创建2个div元素 var rightdiv = document.createElement('div') var rightaaron = document.createElement("div"); //给2个div设置不同的属性 rightdiv.setAttribute('class', 'right') rightaaron.className = 'aaron' rightaaron.innerHTML = "动态创建DIV元素节点"; //2个div合并成包含关系 rightdiv.appendChild(rightaaron) //绘制到页面body body.appendChild(rightdiv) },false) </script>

查看全部

0 采集收起来源：DOM创建节点及节点属性
2018-03-22
emey

.find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-05-31
emey

children()无参数允许我们通过在DOM树中对这些元素的直接子元素进行搜索，并且构造一个新的匹配元素的jQuery对象注意：jQuery是一个合集对象，所以通过children是匹配合集中每一给元素的第一级子元素 .children()方法选择性地接受同一类型选择器表达式 $("div").children(".selected") 同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式

查看全部

0 采集收起来源：jQuery遍历之children()方法
2018-03-22
emey

unwarp()方法，作用与wrap方法是相反的。将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置。

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2016-05-31

首页上一页 376 377 378 379 380 381 382 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作