破坏性操作

破坏性操作

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
<title>Document</title>
<style>
.red{
background: red;
}
</style>
</head>
<body>
<div id="div">
<span id="span">innerSpan</span>
</div>
<a href="#">链接</a>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
//文档操作,selctor在后,是执行破坏操作?那目标对象是变成什么了?
console.log($('a').appendTo('span').addClass('red'));
</script>
</body>
</html>

执行appendTo('span')后,当前对象还是‘a’啊? 为什么说appenTo(selector)是破坏性对象?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好,破坏性操作是当一个jQuery函数被使用在一个对象后造成此对象的结构变化。

这里虽然都是返回了a对象,但是这个对象的结果发生了变化,如下,在没添加appendTo之前它的prevObject就是document

http://img1.sycdn.imooc.com//climg/5b7fcd3e0001dfd104750165.jpg

但是添加appendTo之后,它得prevObject就是a.red了,在一个prevObject才是document

http://img1.sycdn.imooc.com//climg/5b7fccfe0001d92704280270.jpg

若能解决你的疑问,望采纳。

祝学习愉快~


  • JOYING1995 提问者 #1
    原来如此,多谢!
    2018-07-22 18:54:48
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师