JavaScript/jQueryでDOM要素が存在するか確認するサンプル

hoge

<p id="foo" class="bar">hoge</p>
<div id="result"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
function test1() {
  result(document.getElementById('foo') ? true : false);
}
function test2() {
  result(document.querySelector('#foo') ? true : false);
}
function test3() {
  result(document.getElementsByClassName('bar').length ? true : false);
}
function test4() {
  result(document.querySelector('.bar') ? true : false);
}
function test5() {
  result($('#foo')[0] ? true : false);
}
function test6() {
  result($('.bar')[0] ? true : false);
}
function result(s) {
  document.getElementById('result').innerHTML += s + '
'; } test1(); test2(); test3(); test4(); test5(); test6();