1. 程式人生 > >初識Jquery

初識Jquery

mouseout .text cti 內容 query innerhtml 封裝 js代碼 .class


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