基礎(chǔ)知識

1梦皮、DOM和jQuery對象相互轉(zhuǎn)換的方法??

?var obox=document.getElementById('box');??

?var obox=document.querySelector('.case'); ? ? ? ?obox=$('#box');? document.write($('#box')); ? document.write(obox);

2、body中的onload()函數(shù)和jQuery中的document.ready()有什么區(qū)別剑肯? ? ? ? ? ? document.ready()和傳統(tǒng)的方法 有什么區(qū)別?? ? ??

? ? ? ? onload()的方法是在頁面加載完成后才發(fā)生让网,這包括DOM元素和其他頁面元素(例如圖片,視頻踊跟,音頻)的加載,因此因篇,使用document.ready()方法的執(zhí)行速度比onload()的方法要快笔横。? $(document).ready()是文檔結(jié)構(gòu)已經(jīng)加載完成(不包含圖片等非文字媒體文件),不必等到所有的加載完畢咐吼。 $(document).ready(function(){});

3、使用jQuery給div添加藍色背景??

?$('#box').css('background','blue');

4锯茄、如何利用jQuery來向一個元素中添加和移除CSS類? obox.classList.remove('case');//移除css類? $('.case').remove('.case');? obox.classList.add('case1');//添加css類? $('.case').addClass('case1');? $('.case').toggleClass('case1');//點擊切換類名? document.write($('div').hasClass('case'));? //hasClass()判斷某個元素是否已經(jīng)被賦予某個CSS類

5、舉例5個數(shù)組對象的函數(shù)撇吞,5個字符串對象的函數(shù)礁叔? 作用?(非jQuery)

6琅关、樣式優(yōu)先級 權(quán)重(CSS)? ? ? 樣式優(yōu)先級 權(quán)重(CSS)? 內(nèi)部樣式? 外部樣式? 行內(nèi)樣式也叫內(nèi)聯(lián)樣式? 行內(nèi)樣式? 權(quán)重為1000? 內(nèi)外部樣式表權(quán)重跟書寫順序有關(guān)? 寫在下面的優(yōu)先級高

7、jquery如何獲取所有選中特定值的單選框和復選框? ? $(function() {$("input[type='button']").click(function() {? alert($("input[type='checkbox']:checked").length);? alert($("input[type='radio']:checked").length);});? })

13涣易、你是如何將一個 HTML 元素添加到 DOM 樹中的新症?? $('123').appendTo('#case');? 把所有匹配的元素追加到指定元素的元素集合中。--加入內(nèi)容? $('#case').append('1234');? 向每個匹配的元素內(nèi)部追 加內(nèi)容

14徒爹、JavaScript window.onload 事件和 jQuery ready 函數(shù)有何不同?? JavaScript window.onload 事件和 jQuery ready 函數(shù)之間的主要區(qū)別是隆嗅,前者除了要等待 DOM 被創(chuàng)建還要等到包括大型圖片、音頻胖喳、視頻在內(nèi)的所有外部資源都完全加載。如果加載圖片和媒體內(nèi)容花費了大量時間丽焊,用戶就會感受到定義在 window.onload 事件上的代碼在執(zhí)行時有明顯的延遲。? 另一方面技健,jQuery ready() 函數(shù)只需對 DOM 樹的等待,而無需對圖像或外部資源加載的等待凫乖,從而執(zhí)行起來更快弓颈。使用 jQuery $(document).ready() 的另一個優(yōu)勢是你可以在網(wǎng)頁里多次使用它删掀,瀏覽器會按它們在 HTML 頁面里出現(xiàn)的順序執(zhí)行它們,相反對于 onload 技術(shù)而言披泪,只能在單一函數(shù)里使用。鑒于這個好處款票,用 jQuery ready() 函數(shù)比用 JavaScript window.onload 事件要更好些。

15艾少、$(document).ready() 是個什么函數(shù)?為什么要用它缚够?? ? ready() 函數(shù)用于在文檔進入ready狀態(tài)時執(zhí)行代碼。當DOM 完全加載(例如HTML被完全解析DOM樹構(gòu)建完成時)谍椅,jQuery允許你執(zhí)行代碼。使用$(document).ready()的最大好處在于它適用于所有瀏覽器雏吭,jQuery幫你解決了跨瀏覽器的難題。? $(function(){});等同于$(document).ready(function(){//document可省略})

16杖们、each() 方法為每個匹配元素規(guī)定要運行的函數(shù)。document.onclick = function(){$('li').each(function() {$(this).css('list-style', 'none');});}}上下左右

17胀莹、:selected 匹配所有選中的option元素? ? 查找所有選中的選項元素花已選中樹$("select option:selected").hide();//隱藏選中選項

$("form input:checked").hide();//隱藏勾選項

18、$(this) 和 this 關(guān)鍵字在 jQuery 中有何不同描焰?? ? $(this) 返回一個 jQuery 對象,你可以對它調(diào)用多個 jQuery 方法荆秦,比如用 text() 獲取文本,用val() 獲取值等等步绸。而 this 代表當前元素,它是 JavaScript 關(guān)鍵詞中的一個瓤介,表示上下文中的當前 DOM 元素赘那。你不能對它調(diào)用 jQuery 方法,直到它被 $() 函數(shù)包裹募舟,例如 $(this)。

19拱礁、jQuery 庫中的 $() 是什么?? ? $() 函數(shù)是 jQuery() 函數(shù)的別稱呢灶,函數(shù)用于將任何對象包裹成 jQuery 對象,接著你就被允許調(diào)用定義在 jQuery 對象上的多個不同方法鸯乃。你甚至可以將一個選擇器字符串傳入 $() 函數(shù),它會返回一個包含所有匹配的 DOM 元素數(shù)組的 jQuery 對象飒责。20赘娄、網(wǎng)頁上有 5 個元素,如何使用 jQuery來選擇它們遣臼?? ? jQuery 支持不同類型的選擇器,例如 ID 選擇器揍堰、class 選擇器、標簽選擇器屏歹。鑒于這個問題沒提到 ID 和 class,你可以用標簽選擇器來選擇所有的 div 元素蝙眶。jQuery 代碼:$("div"),這樣會返回一個包含所有 5 個 div 標簽的 jQuery 對象幽纷。

21、jQuery 里的 ID 選擇器和 class 選擇器有何不同友浸?? ? id是唯一的,即使有多個id相同的元素收恢,jquery選擇器也只能獲取其中一個 祭往。所以:想在jquery中對id設(shè)置動作,id在頁面中只允許出現(xiàn)一次链沼。? ? CSS找到元素后添加的是單一樣式,而jquery添加的是動作行為沛鸵。

22、如何在點擊一個按鈕時使用 jQuery 隱藏/顯示一個圖片曲掰?

$('input').click(function(){$('img').hide();? ? });

$('input').click(function(){$('img').show();? ? });

$('input').click(function(){$('img').toggle();? ? });

23、你如何使用jQuery設(shè)置一個屬性值?? ? attr() 獲取匹配的元素集合中的第一個元素的屬性的值? 或 設(shè)置每一個匹配元素的一個或多個屬性乱豆。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市宛裕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌揩尸,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岩榆,死亡現(xiàn)場離奇詭異坟瓢,居然都是意外死亡,警方通過查閱死者的電腦和手機折联,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诚镰,“玉大人,你說我怎么就攤上這事怕享≈瓷模” “怎么了函筋?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長跌帐。 經(jīng)常有香客問我绊率,道長究履,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任最仑,我火速辦了婚禮藐俺,結(jié)果婚禮上欲芹,老公的妹妹穿的比我還像新娘。我一直安慰自己吟吝,他們只是感情好,可當我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布浙宜。 她就那樣靜靜地躺著,像睡著了一般蛹磺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上称开,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天乓梨,我揣著相機與錄音鳖轰,去河邊找鬼蕴侣。 笑死,一個胖子當著我的面吹牛臭觉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蝠筑,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼什乙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起臣镣,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤智亮,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后阔蛉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡状原,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年苗踪,在試婚紗的時候發(fā)現(xiàn)自己被綠了遭笋。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓦呼。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖央串,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情质和,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布饲宿,位于F島的核電站,受9級特大地震影響瘫想,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜昌讲,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望短绸。 院中可真熱鬧,春花似錦醋闭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至饮戳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扯罐,已是汗流浹背负拟。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工歹河, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秸歧。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像键菱,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子经备,可洞房花燭夜當晚...
    茶點故事閱讀 45,860評論 2 361

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

  • 下面是我之前在W3School上學習JavaScript過程中做的的一些筆記,是關(guān)于JavaScript的基礎(chǔ)知識...
    天遮不住我的眼閱讀 363評論 0 3
  • 1.js我們遇到的一些痛點: window.onload 事件有個事件覆蓋的問題造虎,我們只能寫一個 代碼容錯性差 瀏...
    莫失丿莫忘閱讀 421評論 0 2
  • 通過jQuery纷闺,您可以選人阍洹(查詢犁功,query)HTML元素,并對它們執(zhí)行“操作”(actions)波桩。 jQuer...
    枇杷樹8824閱讀 659評論 0 3
  • 嵩嵩今天和姥姥在屋里玩起地鐵游戲~來源于每次坐地鐵時,總是喜歡乘坐第一節(jié)镐躲,可以看見司機叔叔開車侍筛。在幾次的觀察中萤皂,發(fā)...
    敬松者閱讀 441評論 0 0
  • HTTP首部 HTTP報文首部結(jié)構(gòu) 復習一下前邊的知識:HTTP報文大致可分為報文首部和報文主體兩塊匣椰,通常并不一定...
    RobotStar閱讀 929評論 0 1