JavaScript和jQuery都是現代前端開發中非常重要的技術。JavaScript是一種高級動態編程語言，可以使網頁具有交互性和動態性。而jQuery是一種基于JavaScript的JavaScript庫，用于簡化HTML文檔遍歷和操作、事件處理、動畫等操作。

JavaScript有各種函數和方法，可以完成各種任務。例如，在網頁中添加新內容、改變樣式、控制表格等。下面是一些JavaScript最常用的函數和方法：

//添加內容
document.getElementById("myDiv").innerHTML = "Hello World!";
//改變樣式
document.getElementById("myDiv").style.color = "red";
//控制表格
var table = document.createElement("table");
var tr = document.createElement("tr");
var td = document.createElement("td");
td.appendChild(document.createTextNode("Hello"));
tr.appendChild(td);
table.appendChild(tr);
document.body.appendChild(table);

而jQuery則可以簡化上述代碼。它提供了易于使用和理解的API，使JavaScript代碼更加簡潔易懂。下面是上述JavaScript代碼的等價jQuery代碼：

//添加內容
$("#myDiv").html("Hello World!");
//改變樣式
$("#myDiv").css("color", "red");
//控制表格
var table = $("<table>");
var tr = $("<tr>");
var td = $("<td>").text("Hello");
tr.append(td);
table.append(tr);
$("body").append(table);

除了簡化語法之外，jQuery也提供了其他功能，例如選擇器和動畫。選擇器可以查詢DOM元素，而動畫可以實現網頁動態效果。下面是一些jQuery最常用的選擇器和動畫函數：

//選擇器
$("#myDiv") //通過id獲取元素
$("p") //獲取所有的p元素
$("p:first") //獲取第一個p元素
$("p:last") //獲取最后一個p元素
$("p:nth-child(2)") //獲取第二個p元素
//動畫
$("#myDiv").hide() //隱藏元素
$("#myDiv").show() //顯示元素
$("#myDiv").fadeIn() //淡入元素
$("#myDiv").fadeOut() //淡出元素
$("#myDiv").slideUp() //向上收起元素
$("#myDiv").slideDown() //向下展開元素

總之，JavaScript和jQuery都是現代前端開發的重要技術。它們可以使網頁更加交互和動態，而不僅僅是靜態的HTML和CSS。JavaScript和jQuery有許多函數和方法，以及方便的API和功能，可幫助我們完成各種任務和實現動態效果。