$是jquery中的一個函數,用于獲取jQuery對象中的DOM元素,也可以用于創建新的jQuery對象。
在jQuery中,使用選擇器可以獲取到匹配的DOM元素,返回的結果是一個jQuery對象,這個對象可以通過方法進行操縱,如添加、刪除、修改元素屬性、樣式等等。但是有時候我們需要直接操作DOM元素,這時候就需要用到$函數。
舉個例子:
// 獲取一個id為myDiv的DOM元素,返回的是一個jQuery對象 var $myDiv = $('#myDiv'); // 獲取一個class為myClass的DOM元素,返回的是一個jQuery對象 var $myClass = $('.myClass'); // 獲取所有的p元素,返回的是一個jQuery對象 var $p = $('p'); // 獲取一個name屬性為username的input元素,返回的是一個jQuery對象 var $input = $('input[name=username]'); // 使用$函數創建新的jQuery對象 var $newDiv = $('這是新創建的Div元素'); // 將新創建的Div元素添加到body中 $('body').append($newDiv);
需要注意的是,$函數返回的是一個jQuery對象,如果要獲取DOM元素本身,需要使用索引值或者數組下標來獲取,如:
// 獲取myDiv的DOM元素 var myDiv = $myDiv[0]; // 獲取第一個p元素的DOM元素 var firstP = $p[0]; // 獲取所有p元素的DOM元素數組 var allP = $p.toArray();