如何在第二次点击按钮时有另一个事件（不是双击）

Question

这似乎是一个非常简单的问题，但我似乎无法找到答案。

现在不推荐使用toggle()点击事件，如何在第一次点击时添加一个按钮添加DOM元素，然后在第二次点击时删除那些相同的DOM元素？

另外....如何在不删除div本身的情况下从已插入内容的div中删除内容（使用load()）？使用remove()删除div。

Answer 1

使用empty()清除元素内部html

至于切换问题，您可以在元素上切换类并测试该类：

$('#myDiv').on('click', function(){
   if(! $(this).hasClass('clicked') ){
      /* code for first click*/
   }else{
      /* code for second click*/
   }
   $(this).toggleClass('clicked')
})

Answer 2

您的点击首先会检查是否存在添加的dom元素（也许使用ID）。

if $('div#id of the stuff you add') 
    $('element exists...').remove();
else
    $('div#id of where you want to add stuff').add( new code );

您可以使用以下内容清除div内容：

divSomeDiv.html("");

or 

divSomeDiv.empty();