SOURCE

$("#sk").click(function(){
  $("#bai").append("<b>Appended text</b>");
});
$("#sk").click(function(){
$("#zuo").before("<p>Hello world!</p>");
});
$("#sk").click(function(){
$("#jin").toggleClass("main");
});
$("#sk").click(function(){
    $("ol:first").replaceWith("Hello world!");
});

<p id="jin">雪花</p>
<p id="zuo">梅花</p>
<p id="bai">兰花</p>
<ol>
  <li>荷花</li>
  <li>桃花</li>
  <b>君子兰</b>
</ol>
<button id="sk">ok</button>

.main{
  font-size:20px;
  color:blueviolet
}