初識Jquery
1.jquery是基於js的一個封裝庫,屏蔽我們之間書寫js代碼考慮瀏覽器兼容性的問題。問題交個框架的編寫者。jquery團隊。
市面上常見的jquery,企業生產環境中經常使用js庫,jquery是以後大家學習其他封裝的基礎庫,99%的企業都在使用jquery.
Bootstrap , EasyUI Jquery UI,Ext Js(非常笨重,頁面效果非常的華麗,適合在局域網使用)
Vue (View)尤雨溪 企業
Angular JS
React
2.window.onload和$(function(){})
$(doucument).ready();區別
window.onload:1.在所有頁面內容加載完畢後才可執行 2.只能執行一次 3.沒有簡易寫法
$(function):1.網頁中所有DOM文檔結構執行完畢後即可執行 2. 可以執行N次 3.有簡易的寫法
3.jquery和dom互轉
(1)dom--------->jquery
$(dom)
(2)jquery---------->dom
jquery[0]
get(index)
4.dom和jquery操作文本
(dom)表單元素:dom.value
(dom)非表單元素:dom.innerText或dom.innerHTML
(jquery)表單元素:dom.val();
(jquery)非表單元素:dom.text()或dom.html()
5.dom和jquery操作樣式
dom的三種樣式:
(1)dom.style.fontSize="屬性值";
(2)dom.className="Class屬性值";
(3)dom.style.cssText="A:b;C:D";
jquery的三種操作樣式:
(1)jquery.css("屬性名","屬性值");
(2)jQuery.css({"屬性名":"屬性值","屬性名2":"屬性值2"})
(3)jQuery.addClass("類的屬性值");
6.dom和jQuery事件註冊
(dom)dom.onclick=function(){};
(dom)dom.onmouseover
(dom)dom.onmouseout
(jquery)jquery.click(function(){});
(jquery)jquerey.mouseover(function(){});
初識Jquery