在Javascript中，$可以說是最常用的符號(hào)之一了。它可以有多種用法，主要用于代替document.getElementById()、document.querySelectorAll()等DOM操作。接下來我們來看看，$在Javascript中有哪些用法。

$代替getElementById()：

//原本代碼
var element = document.getElementById('example');
//使用$
var element = $('#example');

$代替querySelectorAll()：

//原本代碼
var elements = document.querySelectorAll('.container .items');
//使用$
var elements = $('.container .items');

$創(chuàng)建HTML元素：

//原本代碼
var newElement = document.createElement('div');
newElement.className = 'new-element';
//使用$
var newElement = $('<div/>', {
'class': 'new-element'
});

$代替數(shù)組操作：

//原本代碼
var oldArray = [1,2,3];
var newArray = oldArray.map(function(item){
return item + 1;
});
//使用$
var oldArray = [1,2,3];
var newArray = $.map(oldArray, function(val, index) {
return val + 1;
});

$代替ajax操作：

//原本代碼
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data');
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
//使用$
$.ajax({
url: 'example.com/data',
success: function(data) {
console.log(data);
}
});

$代替CSS操作：

//原本代碼
var element = document.getElementById('example');
element.style.backgroundColor = 'red';
//使用$
$('#example').css('background-color', 'red');

$代替動(dòng)畫操作：

//原本代碼
var element = document.getElementById('example');
element.style.transition = 'all 2s ease-in-out';
element.style.transform = 'translateX(50px)';
//使用$
$('#example').animate({
'transform': 'translateX(50px)'
}, 2000, 'ease-in-out');

總之，$在Javascript中非常方便，尤其是在處理DOM操作、數(shù)組操作、ajax操作、CSS/動(dòng)畫操作等方面。當(dāng)然，由于$在其它庫中也有很多用途，使用時(shí)應(yīng)當(dāng)注意，不要與其它庫方法沖突。