在前端開發中，我們經常需要在JavaScript中對DOM進行操作，而jQuery是一個十分流行的JavaScript庫，它主要是為了簡化JavaScript的編寫和DOM操作。在jQuery中操作DOM非常易于學習和使用，因此受到了廣泛的歡迎。然而，在一些情況下，我們仍然需要使用原生JavaScript對DOM進行操作，這就需要我們將jQuery轉換為原始JavaScript。

下面是一些常見的jQuery方法以及與它們對應的原始JavaScript方法：

//獲取元素
//jQuery
var $div = $('div');
//原始JavaScript
var div = document.getElementsByTagName('div');
//展示和隱藏元素
//jQuery
$div.show();
$div.hide();
//原始JavaScript
div.style.display = 'block';
div.style.display = 'none';
//添加和刪除class
//jQuery
$div.addClass('className');
$div.removeClass('className');
//原始JavaScript
div.className += ' className';
div.className = div.className.replace(/\bclassName\b/g, '');
//獲取和設置元素屬性
//jQuery
var href = $('a').attr('href');
$('a').attr('href', 'https://www.baidu.com/');
//原始JavaScript
var href = document.getElementsByTagName('a')[0].getAttribute('href');
document.getElementsByTagName('a')[0].setAttribute('href', 'https://www.baidu.com/');
//綁定和解綁事件
//jQuery
$div.on('click', function() {
// ...
});
$div.off('click');
//原始JavaScript
div.addEventListener('click', function() {
// ...
});
div.removeEventListener('click', function() {
// ...
});

除了上述示例之外，還有很多其他的jQuery方法可以轉換為原始JavaScript方法，這需要我們在實際使用中不斷學習和總結。