jQuery中prependTo()方法用法实例
网络编程 2025-03-24 15:09www.168986.cn编程入门
深入理解jQuery中的prependTo()方法:使用技巧与实例
一、方法定义与功能
二、实例
下面是一个简单的HTML文件,包含一个p元素、一个div元素以及一个按钮。通过jQuery的prependTo()方法,我们可以在点击按钮后,将p元素移动到div元素内部的前方。
HTML代码:
```html
p {
height: 100px;
width: 100px;
border: 1px solid blue;
}
div {
height: 200px;
width: 200px;
border: 1px solid green;
}
$(document).ready(function(){
$("button").click(function(){
$("p").prependTo("div");
});
});
我是p的内容我是div
```