jQuery的那些事兒

2022-09-06 19:24:14 字數 2011 閱讀 7019

j-j**ascript+query就是查詢js的庫,把js中的dom操作做了封裝,實現快速查詢使用其中的功能。

優化了dom操作、事件處理、動畫設計和ajax互動

學習jquery的本質:學習呼叫函式方法

優點:輕量級、相容、鏈式程式設計、隱式迭代、對事件、樣式、動畫支援,大大簡化了dom操作,支援外掛程式擴充套件開發

1.入口函式等待dom載入完畢再去執行js**

$(document).ready(function () )

$(function())

jquery的頂級物件$,可以使用$將元素包裝成jquery物件$是jquery的別稱,但是一般都是使用$

2.jquery物件和dom物件

原生js獲取的物件就是dom物件

var ... = document.getelementbyid('...');

jquery獲取的元素就是jquery物件

$('div')

jquery物件的本質就是利用$對dom物件包裝後產生的物件(偽陣列形式儲存)

3.jquery物件和dom物件的相互轉換

dom物件轉換成jquery物件

$(dom物件)

jquery物件轉換成dom物件

$('div')[index] index是索引號

$('div').get(index)

4.jquery樣式操作

引數只寫屬性名,則是返回屬性值

$(this).css("color")

引數是屬性名,屬性值,逗號分開,是設定一組樣式,必須加引號,值如果是數字可以不用跟單位和引號

$(this).css("color","red")

引數可以是物件形式,方便設定多組樣式。屬性名和屬性值用冒號隔開,屬性可不加引號

$(this).css()

新增類 $("div").addclass("current");

移除類 $("div").removeclass("current")

切換類 $("div").toggleclass("current")

5.類操作和classname區別

原生js中classname會覆蓋元素裡面原先的類名

jquery裡面類操作只是對指定類進行操作,不影響原先的類名

單個事件註冊

事件處理on()繫結事件,off()解綁

element.on(events,[selector],fn)

$("div").on(,

click: function () ,

mousele**e: function ()

})

顯示隱藏 show([speed,easing,fn]) hide() toggle()

滑動 slidedown() slideup() slidetoggle()

淡入淡出 fadein() fadeout() fadetoggle() fadeto()

自定義動畫 animate()

事件切換 hover(function(),function()) 如果只有乙個函式,經過和離開都會觸發函式

jquery的基本選擇器

**$("選擇器") ** 裡面的選擇器直接就是css的選擇器,加上引號即可

jquery的隱式迭代

遍歷內部dom元素(偽陣列形式儲存)的過程就叫做隱式迭代

簡單理解:給匹配到的所有元素進行迴圈遍歷,執行相應的方法,不用我們再去迴圈

object的那些事兒

昨天和大姐qq。說給我看了,今年找到物件。我就在那裡騙他們。說我找了乙個 人。明年去 以後就沒有多少機會見到他們了。呵呵,大姐就說這樣我不聽話,那樣不聽話,不讓我去,說還借我錢買房子,不能去,去了父母白養這麼大了,我總是騙他們,逗他們。以前還騙他們說我出家。有一段時間,工作不順心,我壓力挺大的。不知...

和 的那些事兒

和 都可以用作邏輯與的運算子,表示邏輯與 and 當運算子兩邊的表示式的結果都為true時,整個運算結果才為true,否則,只要有一方為false,則結果為false。還具有短路的功能,即如果第乙個表示式為false,則不再計算第二個表示式,例如,對於if str null str.equals 表...

死鎖的那些事兒

死鎖的定義 如果乙個程序集合中的每個程序都在等待只能由該程序集合中的其他程序才能引發的事件,那麼,該程序集合就是死鎖的。產生死鎖的四個必要條件 產生死鎖的原因 預防死鎖 檢測死鎖 預防死鎖的幾種策略,會嚴重地損害系統效能。因此在避免死鎖時,要施加較弱的限制,從而獲得 較滿意的系統效能。由於在避免死鎖...