初始JQuery

1.jquery是基於js的一個封裝庫，屏蔽咱們之間書寫js代碼考慮瀏覽器兼容性的問題。問題交個框架的編寫者。jquery團隊。
市面上常見的jquery，企業生產環境中常用js庫，jquery是之後你們學習其餘封裝的基礎庫，99%的企業都在使用jquery.
Bootstrap , EasyUI Jquery UI，Ext Js（很是笨重，頁面效果很是的華麗，適合在局域網使用）
Vue （View）
Angular JS
React

2.Jquery的用途

　　1>訪問和操做DOM元素

　　2>控制頁面樣式

　　3>對頁面事件的處理

　　4>方便使用JQuer插件

　　5>雨Ajax技術的完美結合

3.JQuery的優點

　　1>輕量級　　2>強大的選擇器　　3>出色的DOM封裝　　4>可靠的事件處理機制　　5>出色的瀏覽器兼容　　6>隱式迭代　　7>豐富的插件支持

4.window.onload 和 $(function(){}); =====$(document).ready(); 區別
區別1：執行時機 window.onload滯後----->$function優先執行
區別2：執行次數 window.onload一次 $function 屢次
http://www.bootcss.com/p/layoutit/

3.jquery和dom互轉

（1）Jquery對象是一個相似數組的對象，能夠經過[index]的方法獲得相應的DOM對象

（2）經過get(index)方法獲得相應的DOM對象

4.DOM轉換JQuery對象

　　只須要用$()函數將DOM對象包裝起來
dom-------------->jquery
$(dom)

jquery-------------->dom
jqyery[0]

dom和jquery操做文本
表單元素
dom.value
非表單元素
dom.innerText 後者 innerHTML
jquery:
表單元素
dom.val();
非表單元素
dom.text() 後者 html()

dom和jquery操做樣式
dom:操做樣式的三種方案
dom.style.fontSize="屬性值";
dom.className="class屬性值";
dom.style.cssText="A:B;C:D";

jquery：操做樣式的3種方案

jquery.css("屬性名"，「屬性值」)
jquery.css({"屬性名":"屬性值","屬性名2":"屬性值2"})
jquery.addClass("類的屬性值");

dom和jquery事件註冊 dom：中全部事件的開始都是onXXX onYYY onZZZ IXXX IYYY dom.onclick=function(){ }; dom.onmouseover dom.onmouseout jquery: jquery.click(function(){ }); jquery.mouseover(function(){ });