javascript - How to dynamically set the attribute class="" using js?

Question

I now want to set an element with <p class=""></p>, but
var p=$('<p></p>').attr({ 'class':""});
The <p class></p> attribute set in this way is empty, and escaping has no effect. Maybe there is something wrong with my writing.
May I ask for a solution? ~

Answer 1

You can use
.attr('class', null)
or
.removeAttr('class')

Answer 2

$('body'). append('<p></p>').attr("class", "classname")

Answer 3

var pHtml = "<p>This is a p element</p>";
$("body").html(pHtml );
$("p").addClass("\'\'");

You can try this to see if it is the effect you want.

Answer 4

For elements whose attributes are equal to empty strings, the browser will automatically retain only the attributes. What are you planning to do by setting this?

Answer 5

  var p1= $("<p class>haha</p>")
  $("body").append(p)
  $(".addItem").click(function(){
    alert($('p').hasClass(""))  //true
  })

You get <p class>haha</p> which is equivalent to <p class=''>haha</p>