在使用 jQuery 時,經常會看到 $. 和 $() 這兩個符號,它們分別表示什么呢?
首先,$ 是 jQuery 的別名,當我們引入 jQuery 后,就可以使用 $ 來代替 jQuery,即:
<script src="jquery.js"></script> <script> // 使用 $ 來代替 jQuery $(document).ready(function(){ // do something }); </script>
而 $() 則表示 jQuery 的選擇器函數,用于獲取頁面元素。例如:
// 獲取 id 為 submit 的按鈕 var submitBtn = $('#submit');
除了選擇器,$() 還可以接受其它參數,具體如下:
$(document).ready(function(){}); // 頁面加載完成后執行函數 $('a').click(function(e){}); // 給所有 a 標簽綁定點擊事件 $('input[name=fullname]').val(); // 獲取 name 屬性為 fullname 的 input 元素的值 $('').addClass('new-div'); // 創建一個 div 元素,并添加類名 new-div需要注意的是,$() 返回的是 jQuery 對象,而不是普通 DOM 對象。可以通過 index() 方法和 get() 方法將 jQuery 對象轉換為 DOM 對象:
// 方法一 var submitBtn = $('#submit').get(0); // 獲取第一個元素 // 方法二 var submitBtn = $('#submit')[0]; // 獲取第一個元素以上就是我們平時使用 jQuery 時經常接觸到的 $. 和 $()。它們分別表示 jQuery 的別名和選擇器函數,是 jQuery 中非常常見的兩個符號。