慕课网

jQuery基础(二)—DOM篇

最热最新

碎碎念o_o4253196

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

查看全部

0 采集收起来源：jQuery遍历之find()方法
2018-03-01
碎碎念o_o4253196

<div class="left first-div">的意思是该div有两个class名:一个是left,一个是first-div,而你在60行中写的 $('.left first-div')的意思是选择class名为:left first-div.显然是错误的. 在jquery中,用于选择多个选择器时,应用逗号隔开.如:$('.class1','class2')

查看全部

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

wrapALL能给所有p元素增加一个共同的div

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-01
碎碎念o_o4253196

unwrap里面放参数会无效如果是body 那就去不掉了

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-01
碎碎念o_o4253196

‘$(this).text()’在此处的值为“a元素”，也就相当于return '<div class='a元素'></div>'

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
妙玲儿

.wrap 每个人加个爸爸之前的： .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记）

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-01
tobeyous

remove方法相比较empty方法特有的过滤器选择操作 $("p").filter(":contains('3')").remove()

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
葫芦胡

查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合，此时可以用next()方法后面紧邻的兄弟元素 next()无参数找遍元素集合中紧跟着这些元素的直接兄弟元素，并根据匹配的元素创建一个新的 jQuery 对象。指有指定元素的直接兄弟元素 next()方法选择性地接受同一类型选择器表达式 $('.item-2').next(':first').css('border', '1px solid blue')

查看全部

0 采集收起来源：jQuery遍历之next()方法
2018-02-07
葫芦胡

类似于parents又有细微区别都是向上寻找 closest()方法接受一个匹配元素的选择器字符串起始位置不同：.closest开始于当前元素（可以查到的就是自己本身） .parents开始于父元素（找父元素）遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，直到找到一个匹配的就停止查找（找到一个即可）parents一直查找到根元素，并将匹配的元素加入集合（找到所有的父元素）结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象 $('li.item-1').closest(".level-2").css('border','3px solid red');

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2018-03-22
葫芦胡

每一个元素的所有祖辈元素，此时可以用parents()方法其实也类似find与children的区别，parent只会查找一级，parents则会往上一直查到查找到祖先节点 parents()无参数允许我们能够在DOM树中搜索到这些元素的祖先元素，从有序的向上匹配元素，并根据匹配的元素创建一个新的 jQuery 对象; 返回的元素秩序是从离他们最近的父级元素开始的 parents()方法选择性地接受同一型选择器表达式 1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找 2 $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。

查看全部

1 采集收起来源：jQuery遍历之parents()方法
2018-03-22
葫芦胡

在class="left"的元素中找到后代元素li中的最后一个并加上红色的边框即在目标中选择找到再添加css属性 $('.left').find("li:last").css('border','3px solid red');

查看全部

0 采集收起来源：jQuery遍历之find()方法
2018-03-22
葫芦胡

因为是父元素，这个方法只会向上查找一级查找ul的父元素div,$(ul).parent() parent()无参数注意：jQuery是一个合集对象，所以通过parent是匹配合集中每一个元素的父元素 parent()方法选择性地接受同一型选择器表达式 $("button:last").click(function() { //找到所有class=item-a的父元素 //然后给每个ul,然后筛选出最后一个，加上蓝色的边后面的括号相当于又一个筛选器 $('.item-a').parent(':last').css('border', '1px solid blue')

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2018-03-22
葫芦胡

快速查找DOM树中的这些元素的后代元素，此时可以用find()方法 children是父子关系查找，find是后代关系（包含父子关系遍历当前元素集合中每个元素的后代只要符合，不管是儿子辈，孙子辈都可以） .find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点 find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。 find只在后代中遍历，不包括自己。选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。

查看全部

0 采集收起来源：jQuery遍历之find()方法
2018-02-07
葫芦胡

注意：jQuery是一个合集对象，所以通过children是匹配合集中每一给元素的第一级子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系） .children()无参数则选择了所有的子元素 .children()方法选择性地接受同一类型选择器表达式 $("div").children(".selected")

查看全部

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

div元素内部的子元素用p包裹起来并作为p的子元素 $('div').wrapInner('<p></p>') $('div').wrapInner(function() { return '<p></p>'; })

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2018-03-22

首页上一页 75 76 77 78 79 80 81 下一页尾页

0/150

提交

取消

开始学习

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

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