1.1 jQuery是什麼?
終於迎來了jQuery的學習,從剛剛接觸HTML到這裡,大家已經走了很遠的路了。在jQuery學習之前,我們先來給大家先拉扯一些非常必要的基礎知識。這些內容對於大家理解j
1.2 jQuery課程簡介
之前我們簡單介紹了一下jQuery,這一節我們跟大家說一下在學習jQuery中要注意的一些細節。 在學習jQuery之前,你必須要有
1.3 jQuery下載與安裝
一、jQuery的下載 對於jQuery庫文件,我們可以去“jQuery官網”下載。jQuery庫文件有2個版本,分別是(1)1.x
2.1 jQuery選擇器簡介
在原生JavaScript中,如果想要選取元素,只能使用getElementById()、getElementByName、getElementByTagName()等幾
2.2 基本選擇器
從上一節我們知道,jQuery選擇器的功能就是把元素選中,然後我們才能對選中的元素進行各種操作。其中,jQuery選擇器的格式如下:
2.3 層次選擇器
層次選擇器,就是通過元素之間的層次關系來獲取元素。層次選擇器在實際開發中,也是相當重要的。常見的層次關系包括:父子、後代、兄弟、相鄰。
2.4 屬性選擇器
在HTML文檔中,元素通常包含很多屬性(attribute)。在jQuery中,除了直接使用id和class屬性作為選擇器之外(也就是之前我們講解的“id選擇器”和“cl
2.5 本章總結
在jQuery中,基礎選擇器共有3類:(1)基本選擇器;(2)層次選擇器;(3)屬性選擇器。 一、基本選擇器
3.1 jQuery偽類選擇器簡介
一說起偽類選擇器,大家可能就會想起:link、:visited、:hover、:active這4個超鏈接選擇器。沒錯,這幾種就是偽類選擇器。
3.2 簡單偽類選擇器
jQuery為我們提供了大量的偽類選擇器,其中最常用的偽類選擇器,我們稱為“簡單偽類選擇器”。 在jQuery中,簡單偽類選擇器如下
3.3 子元素偽類選擇器
子元素偽類選擇器,就是選擇某一個元素下面的子元素的方式。選擇子元素,在jQuery中是很常用的操作。jQuery為我們提供了大量選擇子元素的方式,使得我們操作元素更加的方
3.4 可見性偽類選擇器
可見性偽類選擇器,就是根據元素的“可見”與“不可見”這2種狀態來選取元素。 在jQuery中,可見性偽類選擇器只有2種:
3.5 內容偽類選擇器
內容偽類選擇器,就是根據元素中的文字內容或所包含的子元素特征來選擇元素,其文字內容可以模糊或絕對匹配進行元素定位。
3.6 表單偽類選擇器
操作表單,在前端開發中是很常見的操作。jQuery為方便我們操作表單元素提供了完善的偽類選擇器。表單偽類選擇器,指的是根據“表單類型”來選擇的偽類選擇器。使用表單偽類選擇
3.8 表單屬性偽類選擇器
除了表單偽類選擇器,jQuery為了更加方便開發者快速選擇表單元素進行操作,還提供了一系列的表單屬性偽類選擇器。表單屬性偽類選擇器,就是根據表單元素的標簽屬性來選取某一類
3.8 本章總結
偽類選擇器,可以看成是一種特殊的選擇器。偽類選擇器都是以英文冒號“:”開頭。jQuery偽類選擇器是參考CSS3偽類選擇器的形式來設計的。
4.1 屬性操作
在jQuery中,對元素的操作包括3個方面: (1)屬性操作;
4.2 內容操作
在jQuery中,關於元素內容操作共有2組方法: (1)html()和text();
4.3 本章總結
在jQuery中,對元素的操作包括3個方面: (1)屬性操作;
5.1 CSS屬性操作
在jQuery中,關於元素的樣式操作方法共有2種: (1)CSS屬性操作;