jquery append 新元素动画效果
时间: 2023-07-24 09:53:28 浏览: 120
jquery的动画效果
你可以使用 jQuery 的 append() 方法向页面中添加新元素,并使用 animate() 方法为新元素添加动画效果。例如,以下代码可以在一个 div 元素中添加一个新的 p 元素,并让它从上方淡入:
```javascript
$(document).ready(function(){
$("#myDiv").append("<p>New element added</p>");
$("#myDiv p:last-child").hide().fadeIn(1000);
});
```
在这个例子中,我们先选中了一个 id 为 "myDiv" 的元素,然后使用 append() 方法向其中添加一个新的 p 元素。接着,我们选中了新添加的 p 元素,并使用 hide() 方法将它隐藏起来。最后,我们使用 fadeIn() 方法为新元素添加淡入效果,持续时间为 1000 毫秒。
你可以根据需要调整 append() 和 animate() 方法的参数来实现不同的效果。例如,你可以使用 slideDown() 或 slideUp() 方法来实现元素的滑动效果,使用 toggle() 方法来实现元素的闪烁效果等等。
阅读全文