-
說說庫和框架的區(qū)別?
庫就是把特定效果的代碼寫好,提供了一套方便的接口供調用。起主導作用的是使用者的代碼,由使用者來決定何時使用。
框架是一種特殊的、已經實現(xiàn)了的應用,是一個模板。你只需要對它填充具體的業(yè)務邏輯。使用者是被框架控制的。 -
jquery 能做什么?
jQuery 是一個高效、精簡并且功能豐富的 JavaScript 工具庫。它提供的 API 易于使用且兼容眾多瀏覽器,讓諸如 HTML 文檔遍歷和操作、事件處理、動畫和 Ajax 操作更加簡單。 -
jquery 對象和 DOM 原生對象有什么區(qū)別?如何轉化?
jquery對象是包含DOM原生對象在內的一個對象,還擁有其他jq的屬性和方法
DOM原生對象可以通過$()轉換成jquery對象。
jquery對象的[0]就是DOM原生對象 -
jquery中如何綁定事件?bind、unbind、delegate、live、on、off都有什么作用?推薦使用哪種?使用on綁定事件使用事件代理的寫法?
$('li').click(function(xx){xxx})例如click()方法直接便捷的綁定click事件,這是便捷方法。
$('li').bind('click',function(){})bind() 方法為被選元素添加一個或多個事件處理程序,并規(guī)定事件發(fā)生時運行的函數(shù)。
unbind()從匹配元素移除一個被添加的事件處理器
delegate()向匹配元素的當前或未來的子元素附加一個或多個事件處理器
live()為當前或未來的匹配元素添加一個或多個事件處理器,和bind相比支持動態(tài)的數(shù)據
on() 提供綁定事件處理的所有功能。用法bind差不多,可以多一個seletor參數(shù)。
off():移除用on()綁定的事件處理程序
從jQuery1.7開始,jQuery引入了全新的事件綁定機制,on()和off()兩個函數(shù)統(tǒng)一處理事件綁定。
on寫法$(elements).on( events [, selector] [, data] , handler );
$('#list').on('click', 'li', function() {
//function code
});
-
jquery 如何展示/隱藏元素?
$(selector).hide([duration][,easing][,callback]);隱藏元素,duration規(guī)定隱藏的速度;callback 參數(shù)是隱藏完成后所執(zhí)行的函數(shù)名稱。
$(selector).show([duration][,easing][,callback]);顯示元素,deration規(guī)定隱藏的速度;callback 參數(shù)是顯示完成后所執(zhí)行的函數(shù)名稱
toggle() 方法可以切換 hide() 和 show() 方法。顯示被隱藏的元素,并隱藏已顯示的元素。
easing參數(shù)表示過渡使用哪種緩動函數(shù)。linear表示勻速直線運動,而swing則表示變速運動。swing是默認值 - jquery 動畫如何使用?
- 隱藏顯示動畫
- 高度變化動畫,使用show()/hide()實現(xiàn)動畫效果時,寬度、高度及透明度會同時變化。若只想讓高度發(fā)生變化,則需要使用slideUp()方法、slideDown()方法和slideToggle()方法。
- 淡入淡出動畫,設置元素透明度為0,可以讓元素不可見,透明度的參數(shù)是0~1之間的值,通過改變這個值可以讓元素有一個透明度的效果。淡入淡出動畫用fadeIn()、fadeOut()和fadeToggle()方法。
-----
以上方法的參數(shù)都是[duration][,easing][,callback]。deration規(guī)定隱藏的速度;easing參數(shù)表示過渡使用哪種緩動函數(shù);callback 參數(shù)是顯示完成后所執(zhí)行的函數(shù)名稱
- jQuery animate() 方法用于創(chuàng)建自定義動畫。
調用多個animate方法,按照調用順序挨個運行動畫。 - 如何設置和獲取元素內部 HTML 內容?如何設置和獲取元素內部文本?
$('#ele').html() //獲取
$('#ele').html(value) //設置
$('#ele').text();
$('#ele').text(value);
- 如何設置和獲取表單用戶輸入或者選擇的內容?如何設置和獲取元素屬性?
$("#input").val()//獲取表單輸入內容
$("#input").val(String)//設置表單輸入內容
$("#input:checked").val()//獲取表單選擇內容
$("#input:checked").val(String)//設置表單選擇內容
$('.target').attr(String)//獲取元素屬性
$('.target').attr('src',$img.attr('data-img'))//設置元素屬性