使用jQuery選擇器不僅比使用傳統的getElementById()和getElementsByTagName()函式簡潔得多，而且還能避免某些錯誤。

看下面這個例子：

<div>test</div>
<script type="text/javascript">
    document.getElementById('tt').style.color = 'red';
</script>

經過改進的程式碼：

<div>test</div>
<script type="text/javascript">
    if (document.getElementById('tt')) {
        document.getElementById('tt').style.color='red';
    }
</script>
 

jQuery就解決了這個問題，即使用jQuery獲取網頁中並不存在的元素時也不會報錯。

程式碼如下：

<div>test</div>
<script type="text/javascript">
    $('#tt').css('color','red');
</script>

有了這個預防措施，以後因為某種原因刪除元素，也不用擔心javascript程式碼會報錯了。

需要注意的是，$('#tt') 獲取的永遠是物件，即使網頁上沒有該元素。

因此當要使用jQuery檢查某個元素是否存在時，不能使用如下程式碼：

    if ($('#tt')) {
        //do something
    }

    if ($('#tt').length > 0) {
        //do something
    }

    if ($('#tt')[0]) {
        //do something
    }