JQ基本

　　　　jQuery的入口函數：

　　　　特色：1. 等着DOM結構渲染完畢便可執行內部代碼，沒必要等到全部外部資源加載完畢，jQuery幫咱們完成了封裝。

　　　　　　　 2. 至關於原生js中的DOMContentLoaded。

　　　　　　　 3. 不一樣於原生js中的load事件是等頁面文檔、外部的js文件，css文件，圖片加載完畢才執行內部代碼。

　　　　方式一：

　　　　　　$(document).ready(function(){

　　　　　　　　. . .  //此處是頁面DOM加載完成的入口

　　　　　　});

　　　　方式二：

　　　　　　$(function(){

　　　　　　　　. . .  //此處是頁面DOM加載完成的入口

　　　　　　}）；

 

　　　　版本：1x：兼容 IE 6 7 8 等低版本瀏覽器

　　　　　　　 2x：不兼容 IE 6 7 8 等低版本瀏覽器

　　　　　　　3x： 不兼容 IE 6 7 8 等低版本瀏覽器 ，官網主要更新維護的版本

　　　　文檔下載官方地址：https://jquery.com

　　　　其餘版本下載地址：htts://code.jquery.com 

 　　　　

 　　　　 jQuery插件經常使用的網站：

　　　　　　1.jQuery插件庫：http://www.jq22.com

　　　　　　2.jQuery之家：http://www.htmleaf.com

　　　　　　　

　　　　$ 是 jQuery的頂級對象，至關於原生JavaScript中的window，把元素利用 $ 包裝成jQuery對象，就能夠調用jQuery的方法。

 

　　　　　　$( 'div' ). hide( );   // 把元素div，使用 $ 符號包裝成jQuery對象，調用 hide 方法

 

　　　　JQuery對象和DOM對象的區別：

　　　　　1. jQuery 對象：

　　　　　　　jQuery方法獲取的元素就是jQuery對象，本質是：利用 $ 對DOM 對象包裝後產生的對象（僞數組形式存儲）

　　　　　　　$(' div ');

　　　　　 2. DOM對象：

　　　　　　　用原生 JS 獲取來的對象就是DOM對象

　　　　　　　var myDiv = document.querySelector( 'div' );

　　　  　   3. 兩個對象並不同，jQuery 對象只能使用jQuery的方法，DOM對象只能使用原生的JavaScript屬性和方法。

 

　　　　　　1.jQuery多庫共存：

　　　　　　問題概述：jQuery使用$做爲標示符，隨着jQuery的流行，其餘js庫也會用這$符號做爲標識符，這樣一塊兒使用會引發衝突

　　　　　　　$(function(){

　　　　　　　　　　function   $(ele){

　　　　　　　　　　　　return document . querySelector(ele);

　　　　　　　　　　}

　　　　　　　　　　console . log($("div"));

　　　　　　　})

　　　　　　　　1.若是 $ 符號衝突，咱們就是用 jQuery

 

　　　　　　　　　　jQuery . each( ) ;

　　　　　　　　2.讓 JQuery 釋放對 $ 控制權 讓用什麼本身決定　

　　　　　　　　 var  zidingyi   = jQuery.noConflict( );

　　　　　　　　 console . log( zidingyi ("span"));

　　　　　　　　zidingyi.each();

 

　　　　　　　2.圖片懶加載插件：（圖片使用延遲加載，可提升網頁下載速度，他也能幫助減輕服務器負載）

　　　　　　　　　當咱們頁面滑動到可視區域，再顯示圖片

　　　　　　　　　咱們使用jquery插件庫 EasyLazyload。注意，此時的 js 引入文件和 js 調用必須寫到DOM元素（圖片）的最後面

 

　　　　　　　3.全屏滾動插件（fullpage.js）

　　　　　　　　　　gitHub ： https//github.com/alvarotrigo/fullPage.js

　　　　　　　　　　中文翻譯網站： http://www.dowebok.com/demo/2014/77/