Edit in JSFiddle

$(document).ready(function(){
    $("button").click(function(){
        $("*[id]").hide();
    });
});

<h2>
Selecting All Id's by Jquery
</h2>
<button>Click to Hide all ID</button><br>
<div id="abc">ID</div>
<div id="aef">ID</div>
<div class="aaa">Class</div>
<div class="aaa">Class</div>
<div class="aaa">Class</div>
<div id="ahi">ID</div>
<p id="kkk">
This Paragraph Contains ID
</p>
<p></p>

div{
  width:150px;
  height:150px;
  background-color:#ff0000;
  color:#ffffff;
  line-height:150px;
  text-align:center;
  font-size:20px;
  float:left;
  margin:15px;
}