JQuery是一個廣泛使用的JavaScript庫，它可以幫助我們簡化JavaScript編程的復雜性。使用JQuery可以輕松地操作HTML元素、響應用戶事件、添加動態效果等。其中一個很有用的工具就是JQuery的CSS before

$(selector).before(content);

可以在指定的元素之前插入新的內容，其中selector是要插入內容之前的元素，content是要插入的內容。我們可以將一些新的CSS屬性添加到元素之前。這通常用于添加頁面中鼠標懸停效果、點擊效果、隱藏效果等。

下面是一個CSS before的示例：

這是一個使用JQuery的CSS before的例子

在上面的示例中，我們為box元素添加了before偽元素，并在其內部添加內容。我們使用content屬性添加文本，“display”屬性將其顯示為塊級元素，“background-color”設置背景顏色，“padding”為間距添加10像素，“font-size”設置字體大小，“color”設置文本顏色為白色。

以這種方式，我們可以創建具有良好外觀的元素，例如鼠標懸停效果、菜單、按鈕、文本框等。這種方法簡單、易于維護，并大大增強了用戶界面的用戶友liness。