在javascript中，$()是一個常見的函數形式，它用來選取和操作DOM元素，以及執行一些常見的DOM操作。$()被廣泛用于jQuery和其他一些javascript庫中，因此掌握它的基本使用方法對于web前端開發至關重要。

我們舉一個例子說明，如果有一個包含如下html代碼的頁面：

<ul id="fruit">
<li>apple</li>
<li>banana</li>
<li>orange</li>
</ul>

我們可以通過以下代碼選取這個`ul`元素：

$('ul#fruit')

在這個例子中，我們使用了CSS選擇器`ul#fruit`來選取id為fruit的`ul`元素。$()返回一個包含選取的元素的jquery對象，我們可以進一步使用jquery提供的方法對選取的元素進行操作。

除了基本的元素選擇器外，$()還可以接受其他的參數，比如將一個DOM元素包裝成jquery對象，或者在一個函數中使用。以下是兩個例子：

// 將一個DOM元素包裝成jquery對象
var el = document.getElementById('myDiv');
$(el).addClass('foo');
// 在document.ready回調函數中使用
$(document).ready(function() {
console.log('the page is ready');
});

在這里，我們首先將一個DOM元素`el`包裝成jquery對象，然后使用它的`addClass()`方法添加了一個CSS類。接下來我們在一個回調函數中使用了$()，它等價于jquery提供的簡寫形式`$(function() {})`，當頁面加載完成時會自動執行回調函數中的邏輯。

由于$()接受字符串選擇器，因此我們可以非常方便地選擇多個元素：

$('ul li') // 選取所有的li標簽
$('.foo') // 選取所有CSS類名為foo的元素
$('input[type="text"]') // 選取所有type為text的input元素

同時，我們可以鏈式調用jquery提供的方法：

$('ul li').addClass('active').has('a').css('color', 'red');

在上面的例子中，我們首先選取了所有的`li`元素，然后分別調用了它們的`addClass()`、`has()`和`css()`方法。這些方法都會返回jquery對象本身，因此我們可以在它們之間鏈式調用，同時進行多個操作。

總的來說，$()是javascript中一個非常強大的函數，它為我們提供了方便的DOM元素選取和操作方法，也支持一些高級的特性。當我們學習javascript和web前端開發時，$()常常是一個必須要掌握的基礎內容。