整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
1. jQuery 是什么？
2. 為什么要使用 jQuery?
3. jQuery 入口函數
1. jQuery與JavaScript加載模式對比
2. jQuery 其他寫法
3. 解決$符號沖突問題
1. 釋放 $ 使用權
2. 自定義訪問符號
4. jQuery 核心函數
5. jQuery 對象
1. jQuery 對象的本質
6. jQuery 靜態方法
1. 什么是靜態方法
2. jQuery.holdReady()
3. each 方法
4. map 方法
5. trim 方法
6. isWindow 方法
7. isArray 方法
8. isFunction 方法
7. jQuery 選擇器
1. 基礎選擇器
2. 層次選擇器
3. 內容過濾選擇器
1. :empty
2. :parent
3. :contains(text)
4. :has(selector)
8. jQuery 屬性操作
1. 屬性與屬性節點
1.什么是屬性?
2.如何操作屬性?
3.什么是屬性節點?
4.如何操作屬性節點?
5.屬性和屬性節點有什么區別?
2. 屬性節點方法
1. attr 方法
2. removeAttr 方法
3. prop 方法
4. removeProp 方法
5. attr方法和prop方法區別
9. jQuery Class 操作
1. jQuery Class 類操作
1. addClass
2. removeClass
3. toggleClass
2. jQuery 文本值操作
1. html
2. text
3. val
3. jQuery CSS 樣式
1. css 方法
2. width 方法
3. height 方法
4. jQuery 元素位置
1. offset 方法
2. position 方法
5. jQuery scroll 方法
1. scrollTop 方法
2. scrollLeft 方法
10. jQuery 事件
1. 事件綁定
2. 事件解綁
3. 事件坐標
4. 事件冒泡
1. 什么是事件冒泡
2. 阻止事件冒泡
5. 默認行為
1. 什么是默認行為
2. 阻止默認行為
6. 自動觸發事件
1. 什么是自動觸發事件
2. 自動觸發方式
7. 自定義事件
1. 什么是自定義事件
2. 自定義事件的條件
8. 事件命名空間
1. 什么是事件命名空間
2. 添加事件命名空間的條件
3. 事件命名空間注意點（面試題）
9. 事件委托
1. 什么是事件委托
2. 事件委托的好處
3. jQuery 中添加事件委托
10. 移入移出事件
1. mouseenter/mouseleave
2. mouseover/mouseout
3. hover
11. jQuery 動畫效果
1. 顯示，隱藏動畫
1. show
2. hide
3. toggle
4. 注意點
2. 展開，收起動畫
1. slideDown
2. slideUp
3. slideToggle
3. 淡入，淡出動畫
1. fadeIn
2. fadeOut
3. fadeToggle
4. fadeTo
4. 自定義動畫
1. animate
5. 動畫隊列
6. 動畫相關方法
1. delay
2. stop
12. jQuery 文檔處理
1. 添加節點
1. 內部插入
2. 外部插入
2. 刪除節點
3. 替換節點
4. 復制節點
5. 包裹節點
6. 遍歷節點
13. jQuery 面試題
1. 為什么要使用jQuery？jquery有哪些好處？
2. jQuery能做什么？
3. jQuery 庫中的 $() 是什么？
4. $(document).ready() 是個什么函數？為什么要用它？
5. (document).ready()方法和window.onload有什么區別？
6. jQuery中.get()提交和.post()提交的區別
7. jQuery中有哪些方法可以遍歷節點？
8. $(this) 和 this 關鍵字在 jQuery 中有何不同？
9. 使用 CDN 加載 jQuery 庫的主要優勢是什么 ?
10. 如何使用從服務器獲取一個復雜數據(對象)?
11. 在使用選擇器的時要注意的地方?
12. 有哪些查詢節點的選擇器？
13. jQuery是如何處理緩存的？ ( 要處理緩存就是禁用緩存 )
14. 在jquery中你有沒有編寫過插件，插件有什么好處？你編寫過那些插件？它應該注意那些？
由于答案部分太長了，就不一一給大家演示了，想要獲取面試資料答案可以關注我，私信回復“資料”即可免費獲取
jQuery是對JavaScript的封裝，它是免費、開源的JavaScript函數庫，jQuery 極大地簡化了 JavaScript 編程
jQuery和JavaScript它們的作用一樣，都是負責網頁行為操作，增加網頁和用戶的交互效果的，只不過jQuery簡化了JavaScript編程，jQuery實現交互效果更簡單
jQuery的下載地址:
https://code.jquery.com
jQuery引入
jQuery的入口函數:
我們知道使用js獲取標簽元素，需要頁面加載完成以后再獲取，我們通過使用onload事件來獲取標簽元素
而jQuery提供了ready函數來解決這個問題，保證獲取標簽元素沒有問題，它的速度比原生的 window.onload 更快
jquery選擇器就是快速選擇標簽元素，獲取標簽的，選擇規則和css選擇器一樣
jQuery選擇器的種類:
判斷標簽是否選擇成功:
可以使用length屬性來判斷標簽是否選擇成功, 如果length大于0表示選擇成功，否則選擇失敗
選擇集過濾就是在選擇標簽的集合里面過濾自己需要的標簽
①has(選擇器名稱)方法，表示選取包含指定選擇器的標簽
②eq(索引)方法，表示選取指定索引的標簽
選擇集轉移就是以選擇的標簽為參照，然后獲取轉移后的標簽
$('#box').prev(); 表示選擇id是box元素的上一個的同級元素
$('#box').prevAll(); 表示選擇id是box元素的上面所有的同級元素
$('#box').next(); 表示選擇id是box元素的下一個的同級元素
$('#box').nextAll(); 表示選擇id是box元素的下面所有的同級元素
$('#box').parent(); 表示選擇id是box元素的父元素
$('#box').children(); 表示選擇id是box元素的所有子元素
$('#box').siblings(); 表示選擇id是box元素的其它同級元素
$('#box').find('.myClass'); 表示選擇id是box元素的class等于myClass的元素
獲取和設置元素的內容使用: html方法
給指定元素追加html內容使用: append方法
獲取和修改標簽樣式:
使用css方法可以給標簽設置樣式屬性
獲取和設置標簽屬性:
通過prop方法來完成
獲取和設置元素的value屬性:
通過val方法來完成，更加簡單和方便
常用事件:
click() 鼠標單擊
blur() 元素失去焦點
focus() 元素獲得焦點
mouseover() 鼠標進入（進入子元素也觸發）
mouseout() 鼠標離開（離開子元素也觸發）
ready() DOM加載完成
事件代理:
事件代理就是使用父元素來代理子元素的事件，好處是減少事件的綁定次數，提高性能
事件代理使用場景:
使用場景當多個相同的子元素綁定同一個事件，可以使用事件代理
事件代理方法:
事件代理是使用delegate方法來完成
JavaScript 中的所有事物都是對象：字符串、數值、數組、函數等都可以認為是對象，此外，JavaScript 允許自定義對象，對象可以擁有屬性和方法
創建自定義javascript對象有兩種方式:
①通過頂級Object類型來實例化一個對象
②通過對象字面量創建一個對象
(JavaScript Object Notation, JS 對象簡譜) 是一種輕量級的數據交換格式
采用完全獨立于編程語言的文本格式來存儲和表示數據,簡潔和清晰的層次結構使
得 JSON 成為理想的數據交換語言
JSON的優點:
易于人閱讀和編寫，同時也易于機器解析和生成，并有效地提升網絡傳輸效率
JSON的格式：
①對象格式
②數組格式
對象格式:
對象格式的JSON數據，使用一對大括號({})，大括號里面放入key:value形式的鍵值對，多個鍵值對使用逗號分隔
數組格式:
數組格式的JSON數據，使用一對中括號([])，中括號里面的數據使用逗號分隔
JSON本質上是字符串，如果在js中操作JSON數據，可以將JSON字符串轉化為JavaScript對象
一次完整的請求后,瀏覽器會接受到html,css,js,圖片等大量的數據
ajax的介紹
ajax 是 Asynchronous JavaScript and XML的簡寫，ajax一個前后臺配合的技術，它可以讓 javascript 發送異步的 http 請求，與后臺通信進行數據的獲取，ajax 最大的優點是實現局部刷新，ajax可以發送http請求，當獲取到后臺數據的時候更新頁面顯示數據實現局部刷新，在這里大家只需要記住，當前端頁面想和后臺服務器進行數據交互就可以使用ajax了
ajax的實現
jquery將它封裝成了一個方法$.ajax()
我們可以直接用這個方法來執行ajax請求
ajax方法的參數說明:
url 請求地址
type 請求方式，默認是'GET'，常用的還有'POST'
dataType 設置返回的數據格式，常用的是'json'格式
data 設置發送給服務器的數據，沒有參數不需要設置
success 設置請求成功后的回調函數
error 設置請求失敗后的回調函數
async 設置是否異步，默認值是'true'，表示異步，一般不用寫
ajax的簡寫方式:
$.ajax按照請求方式可以簡寫成
$.get或者$.post方式
$.get和$.post方法的參數說明:
$.get(url,data,success(data, status, xhr),dataType).error(func) $.post(url,data,success(data, status, xhr),dataType).error(func)
url 請求地址
data 設置發送給服務器的數據，沒有參數不需要設置
success 設置請求成功后的回調函數
data 請求的結果數據
status 請求的狀態信息, 比如: "success"
xhr 底層發送http請求XMLHttpRequest對象
dataType 設置返回的數據格式
"xml"
"html"
"text"
"json"
error 表示錯誤異常處理
func 錯誤異常回調函數
下，鏈接上層目錄下的BOOTSTRAP ，沒起作用，查了好多遍，目錄是正確的，
<link rel="stylesheet" type="text/css" href="../bs/css/bootstrap.css">
將BOOTSTARP 拷貝到當前目錄下 就可以
<linkrel="stylesheet"type="text/css"href="bs/css/bootstrap.css">
<scriptsrc="bs/js/jquery.min.js"></script>
<scriptsrc="bs/js/bootstrap.min.js"></script>
可問題是為什么上層目錄不起作用呢？
問題出現再WEBSTORM上，因為它自建了服務器，服務器根目錄默認為項目目錄
它的上層目錄，出了服務器根目錄范圍，所以不起作用。
解決方式：將其上層目錄設置為根目錄，這樣使用上層目錄鏈接樣式就可以了
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
