                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

ele1.warp(ele2)与ele1.warpAll（fn）与什么区别啊，运行结果都一样的。

慕码人5999576

2016-11-14

源自：jQuery基础(二)—DOM篇 5-5

关注问题我要回答

1212

操作

收起

3 回答

qq_缔曦_04032696
2016-11-16

$('p').warpAll(function(){return '<div><div/>'}就相当于$('p').warpAll( '<div></div>' )

我是这么想的，但是查了下百度，发现并不是这么回事儿。

wrapAll(wrapper):参数wrapper可以为函数。wrapAll()将根据匹配的所有元素遍历执行该函数，函数中的this将指向对应的DOM元素。注意是遍历执行该函数！！！

假设对3个p标签，那么$('p').warpAll(function(){return '<div><div/>'}就是分三次，第一次对第一个p进行warpAll( '<div></div>' )，第二次对第二个p进行.....

亲测dw结果符合上述描述。

1 回复有任何疑惑可以回复我~

收起回答

慕码人5999576 提问者
2016-11-14

你明显理解错我的意思了，举个栗子：$('p').warp('<div></div>')与$('p').warpAll(function(){return '<div><div/>'}. 效果是一样的，求这二者实际应用的区别。

0 回复有任何疑惑可以回复我~

收起回答

慕尼黑8414315

当只有一个<p>元素时，效果是一样的，但是如果存在多个<p>元素，$('p').warp('<div></div>')是在所有<p>外加一个<div>包裹，而$('p').warpAll(function(){return '<div><div/>'}.是在每个<p>标签外加一个<div>,在<div>上加背景色就能看出区别。

2016-11-28 回复有任何疑惑可以回复我~

慕标7673498 回复慕尼黑8414315

少写一个All

2017-01-01 回复有任何疑惑可以回复我~