jQuery

  1. 說說庫和框架的區(qū)別?
    庫就是把特定效果的代碼寫好,提供了一套方便的接口供調用。起主導作用的是使用者的代碼,由使用者來決定何時使用。
    框架是一種特殊的、已經實現(xiàn)了的應用,是一個模板。你只需要對它填充具體的業(yè)務邏輯。使用者是被框架控制的。
  2. jquery 能做什么?
    jQuery 是一個高效、精簡并且功能豐富的 JavaScript 工具庫。它提供的 API 易于使用且兼容眾多瀏覽器,讓諸如 HTML 文檔遍歷和操作、事件處理、動畫和 Ajax 操作更加簡單。
  3. jquery 對象和 DOM 原生對象有什么區(qū)別?如何轉化?
    jquery對象是包含DOM原生對象在內的一個對象,還擁有其他jq的屬性和方法
    DOM原生對象可以通過$()轉換成jquery對象。
    jquery對象的[0]就是DOM原生對象
  4. 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 
});
  1. 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是默認值
  2. jquery 動畫如何使用?
  3. 隱藏顯示動畫
  4. 高度變化動畫,使用show()/hide()實現(xiàn)動畫效果時,寬度、高度及透明度會同時變化。若只想讓高度發(fā)生變化,則需要使用slideUp()方法、slideDown()方法和slideToggle()方法。
  5. 淡入淡出動畫,設置元素透明度為0,可以讓元素不可見,透明度的參數(shù)是0~1之間的值,通過改變這個值可以讓元素有一個透明度的效果。淡入淡出動畫用fadeIn()、fadeOut()和fadeToggle()方法。
-----

以上方法的參數(shù)都是[duration][,easing][,callback]。deration規(guī)定隱藏的速度;easing參數(shù)表示過渡使用哪種緩動函數(shù);callback 參數(shù)是顯示完成后所執(zhí)行的函數(shù)名稱

  1. jQuery animate() 方法用于創(chuàng)建自定義動畫。
    調用多個animate方法,按照調用順序挨個運行動畫。
  2. 如何設置和獲取元素內部 HTML 內容?如何設置和獲取元素內部文本?
$('#ele').html() //獲取
$('#ele').html(value) //設置
$('#ele').text();
$('#ele').text(value);
  1. 如何設置和獲取表單用戶輸入或者選擇的內容?如何設置和獲取元素屬性?
$("#input").val()//獲取表單輸入內容
$("#input").val(String)//設置表單輸入內容
$("#input:checked").val()//獲取表單選擇內容
$("#input:checked").val(String)//設置表單選擇內容
$('.target').attr(String)//獲取元素屬性
$('.target').attr('src',$img.attr('data-img'))//設置元素屬性
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關注...
    前端進階之旅閱讀 16,937評論 18 503
  • 1、 jQuery 能做什么? jquery是一個豐富的js庫,內部對js的很多復雜的方法進行了封裝和加工,比如j...
    zh_yang閱讀 1,498評論 6 13
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,494評論 0 2
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,262評論 0 1
  • 題目1: jQuery 能做什么? 選擇網頁元素 改變結果集 元素的操作:取值和賦值 元素的操作:移動 元素的操作...
    cheneyzhangch閱讀 463評論 0 1

友情鏈接更多精彩內容