慕课网

jQuery基础(二)—DOM篇

最热最新

乱你心境

children是父子关系查找，find是后代关系（包含父子关系）

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-09-06
大了好不好

注意，这里筛选出的最后一个节点是在用siblings选出后的最后一个节点，而不是每个li包围中的最后一个

查看全部

0 采集收起来源：jQuery遍历之siblings()
2016-09-05
大了好不好

与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-09-05
大了好不好

empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2016-09-05
zxzxoooo

$("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove();

查看全部

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

以当前选定的元素为中心，向内查找有find、children。向外查找有parent（只能查到父辈）parents（向外可以查到祖辈，但不能筛选特定的祖辈）还有就是本节的closest（它和parends差不多，但它可以筛选特定的祖辈）例如：在div元素中，往上查找所有的li元素，可以这样表达 $('div').closest('li') 粗看.parents()和.closest()是有点相似的，都是往上遍历祖辈元素，但是两者还是有区别的，否则就没有存在的意义了起始位置不同：.closest开始于当前元素 .parents开始于父元素遍历的目标不同：.closest要找到指定的目标，.parents遍历到文档根元素，closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合结果不同：.closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2016-09-05
猿人也是人

parent()找到当前节点的父节点，也就是上一个节点，里面可以传参数，参数代表如果当前节点有多个，那么选择其中的哪一个节点，使用方法为 $('').parent('参数')

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2016-09-05
猿人也是人

wrapInner（）方法 <p>p元素</p> <p>p元素</p> $('p').wrapInner('<div></div>') 结果为 <p> <div>p元素</div> </p> <p> <div>p元素</div> </p> 同时也可以使用 $('p').wrapInner(function() { return '<div><div/>'; })方法，其结果相同

查看全部

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

DOM包裹wrapAll（）方法 <p>p元素</p> <p>p元素</p> $('p').wrapAll()结果为 <div> <p>p元素</p> <p>p元素</p> </div> 也可以使用 $('p').wrapAll(function() { return '<div><div/>'; })结果是相同的

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
猿人也是人

删除父节点unwrap() <div> <p>p元素</p> </div> $('p').unwrap()

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2018-03-22
猿人也是人

DOM包裹wrap（）方法 <p>p元素</p> $('p').wrap('<div></div>')结果为 <div> <p>p元素</p> </div> 也可以写成如下这样 $('p').wrap(function() { return '<div><div/>'; //与第一种类似，只是写法不一样 }) 两种写法的结果是一样的。

查看全部

0 采集收起来源：DOM包裹wrap()方法
2018-03-22
猿人也是人

replaceWitch()和replaceAll（）二者都为替换 <div> <p>第一段</p> <p>第二段</p> <p>第三段</p> </div> 替换第二段的节点与内容 $("p:eq(1)").replaceWith('<a >替换第二段的内容</a>')结果为 <div> <p>第一段</p> <a >替换第二段的内容</a>' <p>第三段</p> </div> .replaceAll( target ) ：用集合的匹配元素替换每个目标元素 .replaceAll()和.replaceWith()功能类似，但是目标和源相反，用上述的HTML结构，我们用replaceAll处理 $('<a >替换第二段的内容</a>').replaceAll('p:eq(1)')

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
Kikiy_y

$('li.item-ii').find('li') 等价于 $('li', 'li.item-ii');

查看全部

0 采集收起来源：jQuery遍历之find()方法
2016-09-04
Kikiy_y

$('.div').children(':last').css('border', '1px, solid, #000');

查看全部

0 采集收起来源：jQuery遍历之children()方法
2016-09-04
慕先生4138651

detach()和remove()区别： .remove:移出节点。无参数，移出自身整个节点以及该节点的内部所有节点，包括节点上事件与数据。有参数，移出筛选出的节点以及节点的内部的所有节点，包括节点上的事件与数据 .detach:移出节点。移出的处理与remove一致。与remove不同的是，所有绑定的事件、附加的数据等都会保留下来

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2016-09-04

首页上一页 329 330 331 332 333 334 335 下一页尾页

0/150

提交

取消

开始学习

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

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