jquery移除表单中指定的元素

在开发网页时，有时需要移除表单中的某个元素。jQuery提供了一个方法来实现这个功能——remove()方法。

使用remove()方法可以直接从DOM中删除指定的元素，例如：

  $("input[name='username']").remove();

上面的代码会删除表单中name属性为username的输入框。

如果不确定需要删除的元素是否存在，可以使用length属性进行判断：

  if($("input[name='username']").length){
    $("input[name='username']").remove();
  }

上面的代码会判断name属性为username的输入框是否存在，如果存在则删除。

还可以使用empty()方法来删除元素中的所有子元素：

  $("form").empty();

上面的代码会删除表单中的所有元素。

小提示：在删除元素时，jQuery会连同该元素内部的事件、数据都一并删除。如果需要保留事件和数据，可以使用detach()方法。

  var input = $("input[name='username']").detach();
  //...
  //重新添加input元素
  $("#form-container").append(input);

使用detach()方法可以将元素从DOM中移除，但是保留数据和事件，之后可以重新添加到页面上。