我們為什麼要用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 相對定位相對誰?相...