jQuery選擇器的工作原理和優(yōu)化分析

jQuery.fn.init的子對(duì)象是一樣的，只是有沒(méi)有執(zhí)行到init的不同，這里就不講原因了，等下一篇再講為什么會(huì)是這樣。

目前創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、高青網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

第二部分（第2章）詳細(xì)介紹和分析了構(gòu)造函數(shù)jQuery()的用法、構(gòu)造過(guò)程、原型屬性和方法、靜態(tài)屬性和方法。

jQuery的核心就是：可以選擇某個(gè)網(wǎng)頁(yè)元素，然后對(duì)其進(jìn)行某種操作 我們可知jQuery是一個(gè)構(gòu)造函數(shù)，那么我們就可以通過(guò)選擇表達(dá)式，把選中的元素，放進(jìn)jQuery構(gòu)造函數(shù)（$）當(dāng)中，從而得到選中的元素。

“jquery.min.js”和“jquery.js”的區(qū)別是什么?

1、區(qū)別：jquery.js是完整的未壓縮的jQuery庫(kù)，文件比較大，一般用于閱讀學(xué)習(xí)源碼或修改源碼，一般不用于線上項(xiàng)目。

2、jquery-min.js是 jquery-js的壓縮版本，去除了文件里面的空白，不方便閱讀源代碼。jquery.js是未壓縮的JQuery庫(kù)版本，適合于查看和閱讀源代碼。jquery.js 一般帶版本號(hào)，可以從命名上看出來(lái)版本。

3、從js的作用上沒(méi)有任何區(qū)別。min是將js進(jìn)行壓縮，在網(wǎng)絡(luò)傳輸中文件小了很多，節(jié)省寬帶?；緵](méi)辦法閱讀的。

4、兩者的差別就是一個(gè)壓縮和沒(méi)壓縮的區(qū)別\x0d\x0ajquery-1min.js中的JS代碼是壓縮過(guò)的，\x0d\x0ajquery-1js沒(méi)壓縮。\x0d\x0a一般在開(kāi)發(fā)過(guò)程中可以用jquery-1js，方便調(diào)試。

5、這兩個(gè)版本的功能是一模一樣的，區(qū)別是：前者是壓縮版，后者是非壓縮版。

jQuery優(yōu)化

JQuery主要是做優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，目的是讓開(kāi)發(fā)者更容易地在網(wǎng)站上使用JavaScript。它不是一種單獨(dú)的編程語(yǔ)言，與JavaScript一起工作。

采用鏈?zhǔn)綄?xiě)法比分開(kāi)來(lái)速度更快，鏈?zhǔn)街衘Query自動(dòng)緩存每一步的結(jié)果。采用find調(diào)用的是js的原生方法，速度更快。具體哪種選擇器寫(xiě)法更快。

(#zhutouch1_divtan， #zhutouch2_divtan).hover(function(){//鼠標(biāo)移入執(zhí)行函數(shù) var id = $(this).attr(id)；//獲取當(dāng)前移到的對(duì)象。

Wijmo部件進(jìn)行了優(yōu)化客戶端Web開(kāi)發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個(gè)主題和支持ThemeRoller。

改變思路：設(shè)置求和全局變量，數(shù)值文本框上失去焦點(diǎn)時(shí)（blur事件）預(yù)先求和值累加到全局變量，判斷是否達(dá)到閥值，決定是否勾選?？傊苊馔暾h(huán)，用空間換事件（內(nèi)存換cpu）。代碼我就不寫(xiě)了，思路有了，代碼還不是小Case。

將需要多次使用的元素作為變量存起來(lái)，避免多次遍歷，優(yōu)化性能。使用jquery鏈?zhǔn)讲僮鳌?/p>

如何用Jquery實(shí)現(xiàn)DIV由下向上展開(kāi)的效果

首先將菜單條隱藏，這種情況一般賦予其CSS屬性：display：none； 來(lái)隱藏。然后通過(guò)jquery賦予它事件：點(diǎn)擊或者鼠標(biāo)移入。通過(guò)這個(gè)事件綁定由下向上滑動(dòng)的 slideUp()。最后通過(guò)點(diǎn)擊或者鼠標(biāo)移出綁定由上向下滑動(dòng)的 slideDown()。

用JS實(shí)現(xiàn) 三個(gè)div，一個(gè)作為框架與屏幕等寬等高，設(shè)置樣式超出后隱藏好像是overflow：hidden記不清了，另外兩個(gè)在框架里面，各占一半屏幕。寫(xiě)一個(gè)定時(shí)方法，控制兩個(gè)div的marginTop即可，上面那個(gè)遞減，下面那個(gè)遞增。

直接將這段代碼拷貝到一個(gè)JS文件里面，這段代碼需要jquery3以上運(yùn)行環(huán)境。代碼里面有調(diào)用示例。

JQuery實(shí)現(xiàn)將Div浮動(dòng)到網(wǎng)頁(yè)最上層。

首先，打開(kāi)html編輯器，新建html文件，例如：index.html，并引入jquery。

jquery如何控制清空div中的內(nèi)容?

思路：首先獲取到需要?jiǎng)h除的對(duì)象，然后使用jQuery提供的 remove() 方法刪除被選元素及其子元素。

新建html文件，例如：index.html，輸入問(wèn)題基礎(chǔ)代碼。在index.html中的script標(biāo)簽，輸入js代碼：$(div input).val()；。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)div中的所有input輸入框都被清空了值。

可以使用Jquery中的siblings()和remove()方法實(shí)現(xiàn)。實(shí)現(xiàn)原理主要是使用siblings獲取被點(diǎn)擊元素之外的同級(jí)元素，然后使用remove()刪除。