作者：天津九安特機電工程有限公司 來(lái)源： 天津九安特機電工程有限公司 日期：2026-05-04 18:37:48
jQuery是聲明一個(gè)快速、簡(jiǎn)潔的聲明JavaScript??庫，它簡(jiǎn)化了HTML文檔遍歷、聲明事件處理、聲明動(dòng)畫(huà)和Ajax交互等操作，聲明在HTM(′?｀*)L文件中(zhong)，聲明我們可以通過(guò)以下幾種方式聲明和使用jQuery。聲明
（圖片來(lái)源網(wǎng)絡(luò )，聲明侵刪）1、聲明通過(guò)<script>標簽引入外部jQuery文件
我們可以在HT??ML文件的聲明<head>或<body>部分使用<script??>標簽引入外部的jQuery庫文件，推薦將jQuery庫文件放在<head>標簽內，聲明這(′▽?zhuān)?)樣可以讓頁(yè)面加載得更快。聲明
<!引入外部jQuery文件 ><script src="https://??code.jquery.com??/jquery3.6.0.min.js">&l??t;/script>
2、( ?ヮ?)聲明使用（內容分發(fā)網(wǎng)絡(luò )）CDN
<!使??用(yong)CDN引入jQu??ery ><script src="https://ajax.googleapis.c┐(′д｀)┌om/ajax/libs/jque???ry/3.6.0/jqu(′?_?`)ery.min.js"></script>(′?_?`)
3、下載并引入本地jQuery文件
如果不想使用外部資源，我們也可以將jQuery庫文件下載到本地，并在HTML文件中引用它，從jQuery官方網(wǎng)站下載jQuery庫文件（jquery3??.6.0.min.js），然后將其保存到項目文件夾中，接下來(lái)，在HTML文件中引用(yong)該文件：
<!引入本地jQuer??yヾ(′▽?zhuān)??文ヽ(′▽?zhuān)?ノ件 ><script src="path/to/jquery3(′?ω?`).6.0.min.js">??;</script>
4、直接在HTML文件中編寫(xiě)jQu(?????)ery代碼
如果(guo)我們只打算使用少(╬?益?)量的jQuery代碼，可以直接在HTML文件中編寫(xiě)，這種方法會(huì )導致HTML文件變得混亂ヽ(′ー｀)ノ，不易于維護，建議將jQuery代碼放在單獨的JavaScript文件中。
<!在HTML文件中(zhong)編寫(xiě)jQuery代碼 ><script> $(document).┐(′д｀)┌ready(function() { $("p").click(function() { $(thisヽ(′▽?zhuān)?ノ).hide(); }); });</script>有時(shí)，我們在項目(′；ω；`)中可能已經(jīng)使用了其他JavaScript庫，這些庫也可能使用??了$符號，為了避免沖突，我??們可以使用(yong)j??Query的noConflict模??式，noConflict模式會(huì )釋放對$變量的控制，讓我們可以使用其他變量名來(lái)代替$。
<script src=&quヽ(′ー｀)ノot;https://code.jquery.com/jquery3.6.0.min.js"></script><script>(′▽?zhuān)?); var jq┐(′?｀)┌ = jQuery.noConflict(); jq(document).ready(function() { jq("p").click(function() { jq(thi┐(′?｀)┌s).hide(); }); })??;</script>以上就是關(guān)于??如何在HTML文件中聲明和使?用jQuery的方法，接下來(lái)，( ?° ?? ?°)我們將學(xué)習一些基本的jQ??uery語(yǔ)法和常用方法。
1、選擇器
jQuery提供了多種選擇器，用于選取HTML元素??，以下是一些常用的選擇器：
$(selector)：根據選擇器選取元素。$("p")選取所有<p>元素。
$(element)：根據DOM元素選取元素。$("div")[0]選取第一個(gè)<div>元素。
$(expression)：根據表達式選取元素。$("div:first")選取第一個(gè)<div>元素。
$(o??bject)：根據對象選取元素。$("?#myId")選取ID為myId的元素。
$(selector, context)：在指定的上下文中選取元素。$("#my(/ω＼)Id", document)選取ID為myId的元素，無(wú)論它在哪個(gè)上下文中。
2、HTML操作方法
jQuery提供了許多方法來(lái)操作HTMヾ(′▽?zhuān)??L元素，以下是一些常用的方法：
append(content)：向元素的內部追加內容。(′▽?zhuān)?$(&?quot;p").append("Hello World!")將文本“Hello World!”追加到所有<p>元素中??。
prepend(content)：向元素的內部前置內容。$("p")??.prepend("Hello World!")將文本“Hel??lo World!”前置到所有<p>元素中。
after(content)：在元素之后插入內容。$("p").aft??er("(′ω｀)Hello Wor??ld!")在每個(gè)<p>元素之后插入文本“Hello World!”。
before((′▽?zhuān)?)content(????))：在元素之前插入內容。$("p").before("Hello World!")??在每個(gè)<p>元素之前插入文(?_?;)本“Hello World!”。
text(content)：設置或獲取元素的文本內容。$("p").text("Hello World!")將每個(gè)<??p>元素的文本設置為“Hello World!”。
attr(name, value)：設置或獲取元素的屬性值。$("img").attr("src", "image.jpg")將每個(gè)圖像元素的src屬性設置為“image.jpg”，注意，如果未指定值，該方法將返回屬性值；如果指定了值，該方法將設置屬性值。