为了账号安全,请及时绑定邮箱和手机立即绑定
关注
qq_谁_15

为什么重复点击bottom事件边框效果会一直增加,只想要一个边框的话应该怎么写

https://img2.sycdn.imooc.com/5cbade480001be6103160196.jpg

为什么重复点击bottom事件边框效果会一直增加,只想要一个边框的话应该怎么写

2019-04-20 源自:jQuery基础(二)—DOM篇 5-6 545 浏览 1 回答

因为两个个onclick事件是分别给right1和left1的内部元素添加包裹标签比如

<div class="right1">p元素</div>

        <div class="right1">p元素</div>点击第一个按钮,给这段代码加外标<p></p>后就变成了

<div class="right1"><p>p元素</p></div>

        <div class="right1"><p>p元素</p></div>再点一次按钮,这段代码就变成了

<div class="right1"><p><p>p元素</p></p></div>

        <div class="right1"><p><p>p元素</p></p></div>

而p标签的样式

p {

        border: 1px solid red;//给p标签设置1像素宽的实线外边框

    }

也就是说有几层p标签就有几层外边框,只要一层边框的话框的话可以去掉p,a标签的样式,然后用jQuery给right1中的第一个p标签和left1中的第一个a标签添加外边框。

2019-04-21
回复 0

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信