jQuery基礎(chǔ)_入門必看知識(shí)點(diǎn)
jQuery事件的因果關(guān)系是怎么樣的一個(gè)格式:
$("button").click(function(){ })
【正式接觸jQuery】
(1)jQuery的書寫步驟:
1.引入jQuery文件;
2.新建一對(duì)script標(biāo)簽來書寫jQuery;
3.用jQuery的方式進(jìn)行代碼分離;
4.按照jQuery用誰就選誰的原則去書寫代碼;
【jQuery的css修改】
alert()彈出一個(gè)警示框;彈出的信息可以寫在小括號(hào)里面作為參數(shù);
css()
1.單屬性獲取,格式css(“要獲取的css屬性名稱”)
2.單屬性修改,格式css(“參數(shù)1”,“參數(shù)2”)
參數(shù)1:表示要修改的css屬性名稱;
參數(shù)2:表示要修改的值;
3.多屬性修改,格式css({屬性名:“值”,屬性名:“值”,。。。})
注意:關(guān)于css復(fù)合屬性的修改;遇到復(fù)合屬性需要按照駝峰式命名法去書寫css屬性;
【基礎(chǔ)選擇器】
>表示選中指定的元素唯一的一級(jí)子代元素;
+表示選中指定元素其后緊鄰的唯一一個(gè)元素
~表示選中指定元素后面所有的元素;
在jQuery中所有的過濾選擇器都有一個(gè)特點(diǎn),都以冒號(hào)開頭;
【過濾選擇器】
:not()在指定的元素中排除某一個(gè)元素或某一類元素
:eq()按照指定的索引值進(jìn)行過濾,(注意程序中的索引值是從0開始的)
:gt()過濾大于指定索引值的所有元素;
:lt()過濾小于指定索引值的所有元素;
(注意;無論是大于還是小于,都是不包含自己本身的;)
【篩選選擇器】
篩選選擇器中有3個(gè)巨頭選擇器,父子兄;
特點(diǎn):所有的篩選選擇器都是一個(gè)函數(shù)的形勢(shì),所以它不會(huì)寫在選擇符號(hào)的內(nèi)部;
父:parent()選中當(dāng)前元素的父級(jí)元素;
子:children()選中當(dāng)前元素的子集元素;,小括號(hào)內(nèi)可以再次傳遞參數(shù)進(jìn)行更精細(xì)的篩選;
兄:sibling()選中當(dāng)前元素所有的同級(jí)兄弟元素;(不包含自己)
$(this)注意在事件當(dāng)中使用
jQuery當(dāng)中的動(dòng)畫和事件是遵循一個(gè)叫做排隊(duì)機(jī)制的原理,也就是說如果一次觸發(fā)執(zhí)行了很多動(dòng)畫那 么后面的動(dòng)畫不會(huì)自動(dòng)替換前面的而會(huì)一直排隊(duì)等待執(zhí)行;
解決方法:在執(zhí)行動(dòng)畫之前用stop()函數(shù)來清空排隊(duì);
【控制html屬性】
attr(“標(biāo)簽屬性名稱”,“所對(duì)應(yīng)的值”)
以上這篇jQuery基礎(chǔ)_入門必看知識(shí)點(diǎn)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery無刷新上傳之uploadify3.1簡(jiǎn)單使用
本文主要介紹jQuery插件uploadify3.1的簡(jiǎn)單使用,希望能幫到大家,有需要的朋友可以參考一下。2016-06-06
jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能【附j(luò)sencrypt.js下載】
這篇文章主要介紹了jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能,結(jié)合具體實(shí)例形式分析了js使用jsencrypt.js插件前端字符數(shù)據(jù)處理傳輸及C#后臺(tái)數(shù)據(jù)轉(zhuǎn)換與RSA加密相關(guān)操作技巧,并附帶jsencrypt.js供讀者下載參考使用,需要的朋友可以參考下2017-06-06
jQuery實(shí)現(xiàn)的背景顏色漸變動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的背景顏色漸變動(dòng)畫效果,涉及事件響應(yīng)及頁面元素屬性結(jié)合時(shí)間動(dòng)態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
jquery autocomplete自動(dòng)完成插件的的使用方法
最近剛開始學(xué)jquery,想實(shí)現(xiàn)類似GOOGLE搜索時(shí)自動(dòng)顯示出相關(guān)結(jié)果的效果。于是選擇了使用jquery autocomplete插件。2010-08-08
jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能
有時(shí)候可能需要實(shí)現(xiàn)這樣的效果:使用ajax提交表單,成功提交表單之后清空表單,這種功能大家可能都希望實(shí)現(xiàn)吧,接下來為您詳細(xì)介紹,需要了解的朋友參考下2012-12-12
jquery+ajax請(qǐng)求且?guī)Х祷刂档拇a
這兩天的工作內(nèi)容不多,基本是關(guān)于jquery中ajax的。之前一直都是寫的最簡(jiǎn)單的ajax請(qǐng)求,并沒關(guān)注怎么獲取ajax返回值的問題。2015-08-08
jQuery實(shí)現(xiàn)拖動(dòng)效果的實(shí)例代碼
這篇文章給大家介紹了jquery實(shí)現(xiàn)拖動(dòng)效果的簡(jiǎn)單代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-06-06
jquery 實(shí)現(xiàn)input輸入什么div圖層顯示什么
這篇文章主要介紹jquery實(shí)現(xiàn)input輸入什么div圖層顯示什么的具體過程,需要的朋友可以參考下2014-06-06

