Javascript和jQuery混用是一個常見的現象。雖然大多數程序員對這個問題沒有太多擔心，但一旦出現問題，它可能會嚴重影響你的代碼質量與可維護性。下面我們來看看正確的使用方式。

首先，我們需要明確JavaScript和jQuery并不沖突，它們之間沒有本質區別，只是jQuery封裝了很多JavaScript代碼，使我們的開發更為便捷。這就是為什么，如果你選擇使用jQuery，你幾乎可以用它來替代普通的JavaScript。

下面是一個混合使用JavaScript和jQuery的例子：

$(document).ready(function(){
// pure javascript
var x = document.getElementById("myBtn");
x.addEventListener("click", myFunction);
// jQuery
$("#myBtn").click(function(){
alert("Hello World!");
});
});
function myFunction() {
alert("Hello World!");
}

可以看出，這個例子就是正確地混用了jQuery和JavaScript語法：通過addEventListener()綁定事件和通過jQuery的click()方法來執行函數。

但是，當我們在使用混合代碼時需要留意以下兩點：

1. 選擇正確的語法

JavaScript和jQuery中的某些語法是相互獨立的。比如，jQuery中的DOM查詢可以使用JS原生語法document.getElementById（）,但是使用jQuery類選擇器更加靈活。在例子中，我們使用document.getElementById()和jQuery的click()方法混合使用，如果使用$（this）來取代document.getElementById()，代碼會更加簡潔。

$(document).ready(function(){
// Use jQuery syntax for DOM manipulation
var x = $("#myBtn");
x.click(function(){
alert("Hello World!");
});
});

2. 避免重復

當你在使用jQuery時，你不應該創建重復的JavaScript代碼。例如，如果你在JavaScript代碼中綁定了事件，而在jQuery代碼中綁定了相同的事件，這將導致代碼重復。意識到這一點可以幫助我們減少代碼冗余。

混合使用JavaScript和jQuery可以使代碼更加靈活，做法也很簡單。只需選擇正確的語法，避免重復并在使用時易讀性強就可以了。