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è)置每一個匹配元素的一個或多個屬性乱豆。