Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "how to achieve element insertion in jQuery". The editor shows you the operation process through an actual case. The operation method is simple and fast, and it is practical. I hope this article "how to achieve element insertion in jQuery" can help you solve the problem.

Effect picture:

Figure (1) initial effect

Figure (2) Click the effect of 'insert in front of this element'

The code is as follows:

.div {width: 200px; height: 200px; border: 1px solid # 008080; background-color: # 0095FF; text-align: center; line-height: 200px; color: white; font-size: 25px; float: left;} # num {height: 30px; text-align: center; font-size: 16px;} # main {width: 100%; height: 400px; margin-top: 20px;} button {height: 35px;} .newDiv {width: 200px; height: 200px; border: 1px solid # 008080; background-color: # 009999 Text-align: center; line-height: 200px; color: white; font-size: 25px; float: left;} insert into the element: insert in front of this element and insert after this element $(function () {var mainDiv=$ ("# main"); for (var iTunes 1)

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.