JQuery是一個出色的JavaScript庫，它可以大大簡化JavaScript的代碼。其中一個常見的應用是在輸入框元素中添加樣式，實現更好的用戶體驗。在本文中，我們將會介紹使用JQuery addClass函數來添加輸入框樣式的方法。

<input type="text" id="input-id" class="input-class">

首先我們需要創建一個輸入框元素。在這里，我們使用了input標簽，同時指定了id和class屬性方便之后進行樣式添加。我們的樣式將會在input-class這個class中添加。

<script>
$(document).ready(function() {
$('#input-id').addClass('input-style');
});
</script>

然后我們需要編寫JQuery代碼，在頁面加載完成后使用addClass函數來添加我們期望的樣式。在這里我們創建了一個名為input-style的class，用于設置輸入框的樣式，并將其添加到之前創建的input-class中。這樣，當我們的頁面加載時，輸入框中的樣式就會被添加到input-class中。

使用addClass函數可以很方便地添加一個樣式到任何元素中。我們只需要指定一個class名稱，就可以在需要的任何地方添加或移除這個class。使用這個方法可以使我們的頁面看起來更加美觀和整潔。

總的來說，使用JQuery addClass函數來添加輸入框樣式是非常簡單的。我們只需要創建一個元素，然后在頁面加載完成后使用addClass函數將樣式添加到需要的class中。這種方法讓我們在頁面上添加或移除樣式變得更加容易和快捷。