前端攻城獅 jQuery的使用 1

2021-08-21 01:31:40 字數 1232 閱讀 3330

我們為什麼要用jquery?

原生js開發的缺點:

查詢元素比較麻煩,方法不多。

操作樣式比較麻煩,需要進行ie版本的相容。

動畫麻煩。

html節點操作麻煩。

so自從有了jquery,再也不用擔心。

jquery是dom程式設計領域的霸主,簡化元素js開發。

jquery本質上是js,所以可以理解為js的乙個庫

jquery可以方便我們相容問題。

jquery主要分三個大版本

1.* 主要相容 ie6 7 8 

2.* 不相容 ie6 7 8

3.* 不相容 ie6 7 8 但是語法更加簡潔 (國內用的比較少)

咱這主要使用1.*的jquery。

jquery 主要分五個模組來說 選擇器,dom操作,動畫,事件,擴充套件。

我們再使用js的時候,是不是需要注意js宣告的位置,因為js裡的語句是在頁面所有資源( 檔案)載入完全後才執行。為了避免這種情況我們通過window.onload方法去保證js的載入。同樣在jquery也需要這麼做,jquery提供了兩個方法

$(docment).ready(function());

* 獲採樣式

css("屬性")   

需要注意是的:如果是獲取多個元素的話,那麼獲採樣式只會返回第乙個元素的樣式。若設定多個元素的屬性的話,那麼都能設定成功。

*class操作

addclass() 新增類樣式

removeclass() 取消類樣式

hasclass()判斷是否有這個類樣式

toggleclass()樣式切換 $(".demo") toggleclass("demo") 若元素沒有demo類樣式則設定類樣式,有則刪除類樣式。

index屬性,在講閉包的時候,我們遇到了乙個問題,就是給乙個陣列新增方法,方法裡面新增個引數,引數表示該方法對應的下標,故用了iife和強加變數的方法。在jquery中,每乙個jquery都有index的引數,它表示的就是下標。

效果圖

一級選單欄目

一級選單欄目

jquery基本使用講完已講完,接下來會來講jquery的動畫和節點的操作,如有表達錯的請諒解,並請提出指出,且修改錯誤,望能共同進步。

前端攻城獅日積月累技能

這些 基本功 可以有利於你專案的業務邏輯 設計模式 提高專案功能的效能 資料結構與演算法 優化提公升網路的通訊效率 網路原理 什麼是高質量 如何寫出高質量 都是我們要弄明白的問題。對於什麼高質量的 俺的個人見解一下幾個方面。第一,程式中的一些邊界條件是否考慮清楚。通常我們前期寫 都是 bug 百出,...

前端攻城獅 js物件的高階使用 2

什麼是原型鏈?我們先不來解釋定義,我們先來看看下面幾個例子。xiaoming物件呼叫了乙個doing 方法,效果就是彈框並且上面有文字就是哈哈。試問為什麼會彈框?方法誰給的?tostring 方法哪來的?為什麼xiaoming可以呼叫tostring 方法?tostring 方法是誰的?首先xiao...

前端攻城獅 css樣式之定位

為什麼要學習定位呢?因為很重要。ps 這不是廢話嘛 這樣子把,假如說我們需要在乙個盒子裡居中顯示乙個小盒子,那麼就是需要定位來坐,定位用的頻率還是非常高的。css定位分為三種 絕對定位 相對定位 固定定位。各位看官不要急,聽我一一道來。相對定位 position relative 相對定位相對誰?相...