JavaScript中$的作用

在JavaScript中，$是一個非常重要的符號，它在很多框架中都被廣泛使用，比如jQuery、AngularJS、React等。

那么，$都有哪些作用呢？我們一起來看看。

作為函數和對象的快捷方式

// 將document.getElementById()簡寫為$
let $ = function(id) {
return document.getElementById(id);
}
// 使用
$('header');

從上面的例子可以看到，$是一個函數，通過這個函數，我們可以將document.getElementById()方法進行簡寫。

除此之外，$也可以作為對象的快捷方式，比如，我們在代碼中經常會看到這樣的寫法：

$.ajax({
url: 'url',
type: 'GET',
success: function(data) {
console.log(data);
}
});

這里的$代表jQuery對象，通過$調用了jQuery的方法ajax，實現了異步請求。

選擇元素

// 選擇class為item的元素
$('.item')
// 選擇id為header的元素
$('#header')
// 選擇所有的p元素
$('p')

除了簡寫方法和代表對象以外，$還可以用來選擇特定的元素，比如，我們可以通過$選擇特定的class或id，也可以選擇所有的p元素。

操作元素

// 設置元素的class屬性
$('p').addClass('active')
// 隱藏元素
$('p').hide()
// 獲取/設置元素的屬性
$('img').prop('src', 'newsrc.jpg')

通過$選擇了元素后，我們還可以對它們進行各種操作，比如修改class、隱藏、獲取/設置屬性等等。

總結

$在JavaScript中有很多作用，它既可以作為函數和對象的快捷方式，也可以用來選擇元素和操作元素。如此強大的功能，讓我們在開發JavaScript程序時變得更加高效和簡潔。