jQuery一些筆記

2021-07-03 20:08:04 字數 1680 閱讀 4653

如果想用新版本可把版本號刪除,它會自動獲取最新版本。如:1.8則返回1.8.0~1.8.9,如果只剩1則會返回1系列最新版本最低到1.9.9

在jquery中$(document).ready(function());

這是為了防止文件未載入完全就執行了jquery**。

$()是jquery()的簡寫=getelementbytagname();如:$(「div」)=getelementbytagname(「div」);

$()的作用是用於查詢出html的標籤、屬性、樣式。而且還可以通過層次進行查詢出。

noconflict()翻譯成中文是「無牴觸」。用法:作用是防止與其他框架同使用時$()簡寫重名導致指令碼停止執行。當然我們也可以這樣var jq = $.noconflict();這樣就能建立自己的jquery的簡寫了。jq就是簡寫!

隱藏/顯示

hide(),show()

淡入淡出

fadein(),fadeout(),fadetoggle(「slow」),fadeto(「slow」,0.5)分別是只會淡入,只會淡出,會淡入淡出(有可選效果,快、慢),淡出的快慢以及透明度。

滑動 slidedown(),slideup(),slidetoggle()分別是往下滑動,往上滑動,能上能下滑動。

刪除元素/內容

remove()刪除選中的那個元素(包括其子元素),empty()刪除被選中的子元素。

設定css樣式

addclass(),removeclass(),toggleclass(),css()分別是增,刪,切換,設定或返回樣式屬性。

尺寸 width()height(),innerwidth/height()outerwidth/height()分別是設定或返回元素的寬,高。包括內邊距寬高。包括內邊距加邊框,如果括號內為true的話則包括內+外+邊框總和的寬高

遍歷 parent(),parents(),parentsuntil()分別是返回被選元素的上一級(直父),被選以上所有的元素。返回兩個元素之間的所有祖元素。

children(),find()分別是返回被選元素的下一級(直子)。find()括號內如果是指定元素標籤的話則返回被選元素的所有『子』指定標籤,如果是「*」則返回被選元素下的所有子元素標籤。

siblings()返回被選元素的同胞所有元素(如果括號內帶有指定元素標籤則返回同胞中所有該元素標籤的元素),next()返回被選元素的同胞下乙個元素,nextall()返回的是被選元素的同胞下所有的元素,nextuntil()返回的是被選元素到nextuntil()括號指定元素之間的所有元素。prev(),prevall(),prevuntil()與next(),nextall(),nextuntil()一一相反對應。

first()返回被選元素的首個元素(選中的元素有多個),last()則是對應最後乙個元素。eq(n)返回被選元素索引的第n個元素(選中的元素有多個),filter(「指定標準的元素」)返回帶有指定標準的元素,其他的一律會被從集合中刪除。not()方法與filter()相反。

ajax

jquery是通過load(url,data,callback)方法進行載入伺服器資料,其中callback引數是可選的。

$.get(url,callback)從伺服器上請求資料,url是必選,callback是可選,用於請求成功後所執行的函式。

jquery一些方法

1,追加元素 prepend 在被選元素的開頭插入內容 after 在被選元素之後插入內容 before 在被選元素之前插入內容 引數可以為string 也可以為html 2,離開頁面時,提示 不是jquery方法 3,選擇元素 匹配id以aaa開頭 select id aaa 匹配id以aaa結尾...

一些jquery技巧

window.nl ad function document ready function 相當於 function foo html 相當於 document.getelementbyidx x foo innerhtml jquery 物件轉換成 dom物件 第一種方法 var cr cr jq...

一些jQuery 例項

設定內容 text html 以及 val changehtml click function 新增新的 html 內容 向 html 元素追加內容 在 html 元素之後追加內容。before after html click function jquery 操作 css 改變 html 元素的 ...