常用jQuery方法

選擇器:

? ? ? ? ? ? ? $('#id')? ? 只能選擇一個(gè)對(duì)象

? ? ? ? ? ? ? ?$('.class')? 可以選擇多個(gè)對(duì)象 不用循環(huán)

? ? ? ? ? ? ? ?$('div')? ? 獲取一組元素 不用循環(huán)

? ? ? ? ? ? ? ?$('div','p','span','.class') 群組選擇器

? ? ? ? ? ? ? ?$('oParBox oBox')? 包含選擇器

? ? ? ? ? ? ? ? css: div > p 直接子級(jí)選擇器

? ? ? ? ? ? ? ? ?$('label+input') 兄弟選擇器

? ? ? ? ? ? ? ? $("form ~ input") 同輩元素選擇器

? ? ? ? ? ? ? ? ?$('div:not(.box)')? 否定選擇器

? ? ? ? ? ? ? ? $("input[type='checkbox']") 屬性選擇器

class操作:

? ? ? ? ? ? ? $(this).addClass('box'); 添加一個(gè)class

? ? ? ? ? ? ? ? $(this).addClass('box box2 box3'); 添加多個(gè)class

? ? ? ? ? ? ? ?$(this).removeClass('oldbox'); 刪除一個(gè)class

? ? ? ? ? ? ? ? ?$(this).removeClass(); 刪除所有class

? ? ? ? ? ? ? ? ?$(this).hasClass('box') 判斷是否存在這個(gè)class

? ? ? ? ? ? ? ? ?alert($(this).hasClass('box a')); 多個(gè)class判斷

? ? ? ? ? ? ? ? $(this).toggleClass('box'); 切換class

篩選:

? ? ? ? ? ? ? ? ?eq(索引值); 獲取一組元素中的某一個(gè)

? ? ? ? ? ? ? ? ?first() 獲取一組中的第一個(gè)元素

? ? ? ? ? ? ? ? ? ?last()? 獲取一組中的最后一個(gè)元素

? ? ? ? ? ? ? ? ?chidlren('篩選條件') 獲取一組子元素/如果有參數(shù)这敬,篩選其中的某一個(gè)

? ? ? ? ? ? ? ? ? ?parent(); 父級(jí) 獲取一個(gè)元素

? ? ? ? ? ? ? ? ? ? find("#box") 篩選子級(jí)其中的某些/某個(gè)元素

? ? ? ? ? ? ? ? ? next(); 獲取元素的下一個(gè)兄弟節(jié)點(diǎn)

? ? ? ? ? ? ? ? ? ? prev(); 獲取元素的上一個(gè)兄弟節(jié)點(diǎn)

? ? ? ? ? ? ? ? ? ? siblings(); 獲取元素的同級(jí)元素

? ? ? ? ? ? ? ? ? ? ?contents() 獲取文本對(duì)象

? ? ? ? ? ? ? ? ? ? ?.end() 找回原本的dom節(jié)點(diǎn)

文檔處理:

? ? ? ? ? ? ? ? ? ? ? ? $('p').append 添加子節(jié)點(diǎn)

? ? ? ? ? ? ? ? ? ? ? ? ? $('div').prepend(oP);? 向前添加

? ? ? ? ? ? ? ? ? ? ?after() 在某個(gè)元素之后添加

? ? ? ? ? ? ? ? ? ? ?before() 在某個(gè)元素之前添加

? ? ? ? ? ? ? ? ? ? ? ?$('p').appendTo('div'); 將誰(shuí)添加到誰(shuí)之內(nèi)

? ? ? ? ? ? ? ? ? ? ? $('p').prependTo($('span')); 向前添加 將誰(shuí)添加到誰(shuí)之內(nèi)

? ? ? ? ? ? ? ? ? ? ? insertBefore(); 將誰(shuí)放到誰(shuí)之前

? ? ? ? ? ? ? ? ? ? ? insertAfter(); 將誰(shuí)放到誰(shuí)之后

? ? ? ? ? ? ? ? ? ? ?clone();? 克隆節(jié)點(diǎn)

scrollTop:

? ? ? ? ? ?$(document).scrollTop() 獲取滾動(dòng)條上部的距離

? ? ? ? ? ? $(document).scrollLeft() 獲取滾動(dòng)條左部的距離

? ? ? ? ? ? $('div').width();

? ? ? ? ? ? $('div').height();

? ? ? ? ? ? $('div').outerHeight(); 包含盒子的border在內(nèi)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末糜烹,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子荠雕,更是在濱河造成了極大的恐慌涩搓,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異牺陶,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)辣之,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)掰伸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人怀估,你說(shuō)我怎么就攤上這事狮鸭『辖粒” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵歧蕉,是天一觀的道長(zhǎng)灾部。 經(jīng)常有香客問(wèn)我,道長(zhǎng)惯退,這世上最難降的妖魔是什么赌髓? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮催跪,結(jié)果婚禮上锁蠕,老公的妹妹穿的比我還像新娘。我一直安慰自己懊蒸,他們只是感情好匿沛,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著榛鼎,像睡著了一般逃呼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上者娱,一...
    開(kāi)封第一講書(shū)人閱讀 51,190評(píng)論 1 299
  • 那天抡笼,我揣著相機(jī)與錄音,去河邊找鬼黄鳍。 笑死推姻,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的框沟。 我是一名探鬼主播藏古,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼忍燥!你這毒婦竟也來(lái)了拧晕?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤梅垄,失蹤者是張志新(化名)和其女友劉穎厂捞,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體队丝,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡靡馁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了机久。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臭墨。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖膘盖,靈堂內(nèi)的尸體忽然破棺而出胧弛,到底是詐尸還是另有隱情尤误,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布叶圃,位于F島的核電站,受9級(jí)特大地震影響践图,放射性物質(zhì)發(fā)生泄漏掺冠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一码党、第九天 我趴在偏房一處隱蔽的房頂上張望德崭。 院中可真熱鬧,春花似錦揖盘、人聲如沸眉厨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)憾股。三九已至,卻和暖如春箕慧,著一層夾襖步出監(jiān)牢的瞬間服球,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工颠焦, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留斩熊,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓伐庭,卻偏偏與公主長(zhǎng)得像粉渠,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子圾另,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

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

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理霸株,服務(wù)發(fā)現(xiàn),斷路器集乔,智...
    卡卡羅2017閱讀 134,652評(píng)論 18 139
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案淳衙? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,748評(píng)論 1 92
  • 一、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,380評(píng)論 0 44
  • After Story后日談 任務(wù) “你要裝到什么時(shí)候饺著,格雷森箫攀?” “痛、痛幼衰、痛靴跛。你可以顧及一下這是女性的身體嗎?...
    墨問(wèn)非名閱讀 1,699評(píng)論 1 4
  • 祖國(guó)繁榮昌盛的今天绝葡,經(jīng)濟(jì)快速發(fā)展的同時(shí)深碱,貧富差距依然在我們身邊如影隨形。那么由于貧富帶來(lái)的問(wèn)題也在我們身邊立竿見(jiàn)影...
    阿斯巴甜S閱讀 1,210評(píng)論 11 4