刪除HTML元素我有一個按鈕,我希望它單擊它,1秒後它已自動 刪除我怎麼能做到這一點如何添加和立即的jQuery
-2
A
回答
1
你什麼時候創建或追加一個元素可以試試這個
$('#btnId').click(function(){
$("#divId").append("<p id="test">Test</p>");
setTimeout(function(){
$('#test').remove();
}, 1000);
})
0
您可以使用此:
<button>Click Me</button>
<div id="show"></div>
$(document).ready(function() {
$('button').click(function(){
$("#show").append("<p>Test</p>");
$("#show").delay("600").fadeOut("600");
});
});
你可以根據你改變時間..!
0
$(document).ready(function(){
$(".abc").click(function(){
$(".inner").append("<p>Test</p>");
setTimeout(function(){$('p').remove();}, 1000);
});
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<div class="inner">
<input type="button" value="Click me" class="abc">
</div>
</body>
</html>
0
您可以使用jQuery .append()和setTimeout。
$('#btnId').click(function(){
$("#divToAppendId").append("<span id="tempDivId">Element</span>");
setTimeout(function(){$('#tempDivId').remove();}, 1000);
})
這裏1000是在毫秒的單元,其是指1秒。所以1秒後的元素將被刪除。
相關問題
- 1. jquery立即添加
- 2. JQuery在添加後立即刪除類
- 3. 追加DIV並立即在jQuery中添加類
- 4. 如何在ALU中實現Verilog中的立即添加?
- 5. 如何立即停止服務立即
- 6. 立即在Flex 3中添加子項
- 7. 立即在Angular2中添加SVG
- 8. 子視圖不是立即添加(iphone)
- 9. 文檔添加,然後立即刪除
- 10. 爲什麼jQuery在添加到元素時立即觸發?
- 11. 使用jQuery添加一個li使它立即消失
- 12. 立即添加和刪除相同的CSS類
- 13. 如何在添加到表後立即引用行?
- 14. 如何在廣泛狀態下立即添加ShellTile?
- 15. 如何在添加到dataGrid後立即引用一個條目
- 16. 如何添加JS與NG-視圖並立即執行angularjs
- 17. 如何顯示使用jquery ajax時立即加載消息?
- 18. 如何立即停止UIWebView加載
- 19. 如何使用JavaScript立即加載iframe?
- 20. jQuery Ligthbox立即打開和關閉
- 21. 立即調用函數和jQuery立即調用函數之間的區別
- 22. jQuery的驗證插件添加即使
- 23. jquery不立即更新DOM?
- 24. jQuery沒有立即生效
- 25. 立即完成動畫 - jQuery
- 26. setTimeout立即與jQuery發射?
- 27. jquery有.on()立即執行
- 28. jQuery fadeIn'slow'立即出現
- 29. jquery .show()立即隱藏
- 30. SQLite:如果它們不存在,立即添加列
你到目前爲止嘗試過什麼? –