5.2 CSS類名操作
在jQuery中,所謂的“CSS類名操作”類名操作其實就是為元素添加某個類名、刪除某個類名等。 在jQuery中,類名操作包括:添加
5.3 元素的寬度高度width()和height()
在jQuery中,想要獲取或者設置某一個元素的寬度和高度,我們可以使用css()方法來實現。但是jQuery為我們提供了更多方便快速的方法,使得我們更加靈活地操作元素的寬
5.4 元素的位置offset()和position()
在jQuery中,有些時候我們需要獲取元素的具體位置,然後進行必要操作。例如 學習網的“在線調色板”中,就是根據元素的位置來確定顏色值的。
5.5 滾動條的距離scrollTop()和scrollLeft()
當一個元素的實際高度(或寬度)超過其顯示區域的高度(或寬度)時,在一定設置下,浏覽器會為該元素顯示相應的垂直滾動條(或水平滾動條)。我們在 學習網的在線代碼測試工
5.6 本章總結
一、樣式操作方法 在jQuery中,關於元素的樣式操作方法共有2種:(1)CSS屬性操作;(2)CSS類名操作;
6.1 DOM操作簡介
DOM,全稱“Document Object Model(文檔對象模型)”,它是由W3C組織定義的一個標准。 在前端開發時,我們往往
6.2 創建節點
在jQuery中,對於創建節點,我們都是先用“$()方法”來創建一個節點,然後再通過append()、before()等方法把新創建的節點插入現有的節點中。
6.3 插入節點
在JavaScript中,插入節點只有appendChild()和insertBefore()這兩種方法。但是jQuery卻為我們插入節點提供了大量的方法,極大地方便了我
6.4 刪除節點
在jQuery中,對於刪除節點,我們有3種方法: (1)remove();
6.5 復制節點
在jQuery中,如果我們想要復制某個節點,可以使用clone()方法。 語法: $(A).
6.6 替換節點
在jQuery中,如果我們想要替換節點,有2種方法: (1)replaceWith(
6.7 包裹節點
在jQuery中,如果我們想要將某個節點用其他標簽包裹起來,共有3種方法: (1)w
6.8 遍歷節點
在DOM操作中,有時候我們需要對同一個標簽的全部元素進行統一操作。在JavaScript中,我們往往都是先獲取元素的長度,然後使用循環語句來訪問每一個元素,代碼相對復雜。
6.9 本章總結
在前端開發時,我們往往需要在頁面某個地方插入一個元素或者刪除元素,這種插入元素、刪除元素的操作就是通過DOM來實現的。 對jQuer
7.1 jQuery事件簡介
在JavaScript入門教程中,我們學習了大量的事件操作。“事件”往往都是頁面的一些動作引起的,例如當用戶按下鼠標或者提交表單,甚至在頁面移動鼠標時,事件都會出現。不同
7.2 頁面載入事件
從JavaScript入門教程的“頁面相關事件”這一節我們知道:在JavaScript中,頁面載入事件使用的是window.onload方法。
7.3 jQuery鼠標事件
鼠標事件,指的是操作鼠標時觸發的事件。jQuery常見鼠標事件如下: jQuery鼠
7.4 鍵盤事件
在jQuery中,常用的鍵盤事件有3種: (1)keypress事件;
7.5 表單事件
在jQuery中,常用的表單事件有4種: (1)focus()事件;
7.6 滾動事件
滾動事件,指的是當滾動條位置發生改變時觸發的事件。滾動事件very very有用,在“回頂部特效”以及現在扁平化網頁中的動畫中大量涉及到,當然我們 學習網也不例外