JQuery庫

J Query庫

J Query選擇器:與CSS選擇器完全一致

JQuery語法:

(1)美元符定義J Query

(2)選擇符查詢和HTML元素

(3)J Query帶action方法執(zhí)行對元素帶操作

(4)實例:$(this).hide隱藏當(dāng)前元素

(5)結(jié)構(gòu):$(內(nèi)容);

J Query選擇器

(1)J Query選擇器允許您對HTML元素組或單個元素進行操作

(2)J Query選擇器基于元素帶id、類爱谁、類型目胡、屬性、屬性值等查找HTML元素

(3)J Query選擇器都以美元符開頭

(4)#id選擇器:選擇的元素的id屬性$(#id)

(5).class選擇器:選擇元素的class屬性$(.class)

J Query事件

J Query 是為事件處理設(shè)計帶

什么是事件栽连?頁面對于不同的訪問者的響應(yīng)叫做事件

在元素上移動鼠標(biāo),選取單選按鈕侨舆,點擊元素等秒紧。

在J Query中,大多數(shù)DOM事件都有一個等效帶J Query方法

常用的J Query事件方法:$(document).ready()

J Query click():點擊

J Query dblclick():雙擊鼠標(biāo)左鍵

J Query mouseenter():鼠標(biāo)移入

J Query mouseleave():鼠標(biāo)移出

J Query mousedown():鼠標(biāo)按下

J Query mouseup():鼠標(biāo)彈起

J Query hover():

J Query focus和blur:添加或觸發(fā)事件

J Query 隱藏和顯示

hide:隱藏

show:顯示

J Query 淡入淡出

fadeIn:

fadeOut:

fadeToggle:

fadeTo:

J Query 滑動效果

slideDown

slideUp

slideToggle

J Query動畫

animate

J Query停止動畫

stop

J Query Callback方法

動畫100%完成后執(zhí)行

J Query Chaining

J Query獲取

J Query擁有可操作HTML元素和屬性帶強大方法

J Query DOM操作

J Query提供一系列與DOM相關(guān)帶方法挨下,這使訪問和操作元素和屬性更容易

獲得內(nèi)容- text()熔恢、html()、val()

三個簡單實用帶用于DOM操作帶J Query方法:

text():設(shè)置或返回所選元素的文本內(nèi)容

html():設(shè)置或返回所選元u素的內(nèi)容(包括HTML標(biāo)記)

val():設(shè)置或返回表單字段的值

attr():獲取屬性值

J Query設(shè)置

text():設(shè)置或返回所選元素的文本內(nèi)容

html():設(shè)置或返回所選元素帶內(nèi)容(包括HTML標(biāo)記)

val():設(shè)置返回表單字段帶值

text臭笆、html叙淌、val回調(diào)函數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值愁铺。然后以函數(shù)新值返回您希望使用的字符串

attr:設(shè)置/改變屬性值

attr回調(diào)函數(shù):被選元素列表中當(dāng)前元素的下標(biāo)鹰霍,以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串

J Query添加元素

append():在被選元素內(nèi)部帶結(jié)尾插入指定內(nèi)容

prepenbd():在被選元素內(nèi)部的開頭插入指定內(nèi)容

after():在被選元素之后插入內(nèi)容

Before():在被選元素之前插入內(nèi)容

J Query刪除元素

remove():刪除被選元素

empty():從被選元素中刪除子元素

remove(參數(shù)):過濾被刪除帶元素

J Query CSS類

通過J Query茵乱,可以很容易地對CSS元素進行操作

J Query操作CSS

addClass():向被選元素添加一個或多個類

removeClass():從被選元素刪除一個或多個類

toggleClass():對被選元素進行添加或刪除類的操作

css():設(shè)置或返回樣式屬性

J Query CSS方法

J Query css() Method:css方法設(shè)置或返回被選元素帶一個或多個樣式屬性

返回css屬性:css(a)

設(shè)置css屬性:css(a,b)

設(shè)置多個屬性:css(a:b,a1:b1......)

J Query尺寸

width:設(shè)置或返回元素的寬度(不包括內(nèi)邊距茂洒、邊框或外邊距)

height:設(shè)置或返回元素的高度(不包括內(nèi)編劇、邊框或外邊距)

innerWidth:返回元素帶寬度(包括內(nèi)邊距)

innerHeight:返回元素帶高度(包括內(nèi)邊距)

outerWidth:返回元素寬度(包括內(nèi)邊距和邊框)

outerHeight:返回元素高度(包括內(nèi)邊距和邊框)

J Query遍歷

J Query遍歷 - 祖先:向上遍歷DOM樹

parent():返回被選元素帶直接父元素

parents():返回被選元素的所有祖先元素瓶竭,一路向上直到文檔跟元素

parentsUntil():返回介于兩個給定元素之間帶祖先元素

J Query遍歷 - 后代:向下遍歷DOM樹

children():返回被選元素帶所有直接子元素

find():返回被選元素的后代元素督勺,一路向下直到最后一個后代

J Query遍歷 - 同胞:能夠在DOM樹中遍歷元素的同胞元素

在DOM樹中水平遍歷

Siblings():返回被選元素的所有同胞元素

next():返回被選元素的下一個同胞元素

nextAll():返回被選元素的所有跟隨的同胞元素

nextUntil():返回介于兩個給定參數(shù)之間的所有跟隨的同胞元素

prev():返回被選元素的上一個同胞元素與next相反

prevAll():返回被選元素的所有跟隨的同胞元素渠羞,與nextAll相反

prevUntil():返回介于兩個給定參數(shù)之間的所有跟隨的同胞元素

J Query遍歷 - 過濾:

first():返回被選元素的首個元素

last():返回被選元素的最后一個元素

eg():返回被選元素中帶有指定索引號的元素

filter():允許您規(guī)定一個標(biāo)準,不匹配這個標(biāo)準的元素會被從集合中刪除智哀,匹配的元素會被返回

not():與filter相反堵未,匹配這個標(biāo)準元素會被刪除,

J Query AJAX

J Query - AJAX - load:從服務(wù)器加載數(shù)據(jù)盏触,并把返回的數(shù)據(jù)放入被選元素中

J Query - AJAX - get方法:從服務(wù)器上請求獲取數(shù)據(jù)

J Query - AJAX - post方法:從服務(wù)器上請求提交數(shù)據(jù)

J Query notConflict:

釋放J Query使用“$”的縮寫方法渗蟹,使其不能夠使用縮寫以保證不會和其它框架中的“$”重合

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市赞辩,隨后出現(xiàn)的幾起案子雌芽,更是在濱河造成了極大的恐慌,老刑警劉巖辨嗽,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件世落,死亡現(xiàn)場離奇詭異,居然都是意外死亡糟需,警方通過查閱死者的電腦和手機屉佳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來洲押,“玉大人武花,你說我怎么就攤上這事¤菊剩” “怎么了体箕?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長挑童。 經(jīng)常有香客問我累铅,道長,這世上最難降的妖魔是什么站叼? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任娃兽,我火速辦了婚禮,結(jié)果婚禮上尽楔,老公的妹妹穿的比我還像新娘投储。我一直安慰自己,他們只是感情好翔试,可當(dāng)我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布轻要。 她就那樣靜靜地躺著复旬,像睡著了一般垦缅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上驹碍,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天壁涎,我揣著相機與錄音凡恍,去河邊找鬼。 笑死怔球,一個胖子當(dāng)著我的面吹牛嚼酝,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播竟坛,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼闽巩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了担汤?” 一聲冷哼從身側(cè)響起涎跨,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎崭歧,沒想到半個月后隅很,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡率碾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年叔营,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片所宰。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡绒尊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出仔粥,到底是詐尸還是另有隱情垒酬,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布件炉,位于F島的核電站勘究,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏斟冕。R本人自食惡果不足惜口糕,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望磕蛇。 院中可真熱鬧景描,春花似錦、人聲如沸秀撇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呵燕。三九已至棠绘,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背氧苍。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工夜矗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人让虐。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓紊撕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親赡突。 傳聞我的和親對象是個殘疾皇子对扶,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容