開始使用 jQuery

2018-07-25 14:08 更新

jQuery 本身只有一個(gè) js 文件,所以,要使用它,就和使用其它的 js 文件一樣,直接將它引入就可以使用了。

<script type="text/javascript" src="jquery-1.8.3.js"></script>

但是,要注意一點(diǎn),因?yàn)?jQuery 大部分功能需要根據(jù)文檔的 DOM 模型來(lái)工作,所以,它首先需要正確地解析到整個(gè)文檔的 DOM 模型結(jié)構(gòu)。為此,一般,我們使用 jQuery 所做的工作都需要在整個(gè)文檔被瀏覽器完全加載完畢后才開始進(jìn)行:

<script>
$(document).ready(function(){
  alert('Hello World!');
  $("p").click(function(event){
    alert('Thanks for visiting!');
  });
});
</script>

$ 是在 jQuery 中被定義的一個(gè)函數(shù),它可以簡(jiǎn)單方便地取到相關(guān)結(jié)點(diǎn)。 $(document).ready是一個(gè)事件綁定,這在文檔加載完畢后被調(diào)用。

事實(shí)上 $() 等于 jQuery() 即 jQuery 的核心函數(shù)的一個(gè)簡(jiǎn)寫。

之后的 javascript 代碼,都默認(rèn)是寫在 $(document).ready 這個(gè)事件綁定當(dāng)中的。

當(dāng)然, $(document).ready() 可以簡(jiǎn)寫成 $() 。

前面說(shuō)了, $ 是一個(gè)在 jQuery 中被使用了的一個(gè)變量名,如果因?yàn)槟承┰颍悴荒茏?jQuery 使用它,那么你可以使用 jQuery.noConflict() 做到這一點(diǎn),它的返回值就是 jQuery 這個(gè)對(duì)象。

jQuery.noConflict();
$j = jQuery.noConflict();


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)