jquery一句話概括jQueryjQuery就是用于對(duì)HTML元素進(jìn)行

1、一句話概括 jQuery：jQuery 就是用于對(duì) HTML 元素進(jìn)行選取，并可以對(duì)選取了的元素執(zhí)行某些操作。jQuery 基礎(chǔ)語法是：$(selector).action()jQuery 對(duì)象jQuery 對(duì)象$(“”)，當(dāng)然$.ajax 與$.each 也是 jQuery 對(duì)象(后 2 者是函數(shù)對(duì)象)，所以 jQuery 對(duì)象就是通過 jQuery 包裝 DOM 對(duì)象后產(chǎn)生的對(duì)象。jQuery 對(duì)象轉(zhuǎn)換成 DOM 對(duì)象，因?yàn)?jQuery 對(duì)象是一個(gè)數(shù)組對(duì)象，可以通過index來得到數(shù)組中的元素DOM 對(duì)象。var cr = $(“cr”)0;則 cr 就是 DOM 對(duì)象。$等價(jià)于 jQu

2、ery 即$(“”)等價(jià)于 jQuery(“”)selector：選擇器用于指定 HTML 元素，基本的 selector 如下：this: 當(dāng)前元素，$(this)html：如$(“p”) 所有css 類：如$(“.test”) 所有具有 css 類 test 的a heading，如This isid：如$(#test) 所有(當(dāng)然 id 是唯一的)具有 id 為 test 的 HTML，如This is anotharagraph.selector 還可以是上面幾種的組合，還有一些 HTML 屬性也可以作為 selector，具體可以查詢 http:詳細(xì)的 http:.cn/jquery

3、/jquery_selectors.asp，另外還有更加.cn/jquery/jquery_ref_selectors.asp。所有 jQuery 函數(shù)位于一個(gè)之前運(yùn)行 jQuery 代碼。ready 函數(shù)中，這是為了防止文檔在完全加載（就緒）jQuery 事件函數(shù)jQuery 事件函數(shù)指的是http:.cn/jquery/jquery_ref_events.asp。另外 jQuery 還提供大量的函數(shù) action()，用于對(duì)選定的 Dom 元素$(selector)進(jìn)行操作，包括把$(selector)從文檔流中刪除(remove)，給$(selector)的某個(gè) css 屬性設(shè)置值：$(

4、p).css(background-color,yellow);取$(selector)的某個(gè) css 屬性當(dāng)前的值當(dāng) HTML 中發(fā)生某些事件時(shí)所調(diào)用的函數(shù)，可以查詢$(p).css(background-color);設(shè)置中的值，將設(shè)置為 HTMLHTML中某個(gè)屬性的值，如設(shè)置中 href 的值:。設(shè)置$(#w3s).attr(href,http:.cn/jquery);./jquery-standards/jQuery 中的 prop()與 attr()的區(qū)別：對(duì)具有 true 和 false 兩個(gè)值的屬性(如 checkbox 的 checked屬性)進(jìn)行讀/寫操作使用prop()，對(duì)

5、其他的屬性進(jìn)行讀/寫操作使用 attr()。例子：“傳統(tǒng)知識(shí)保護(hù)”中“全部選擇”和“全部取消”在反復(fù)進(jìn)行操作時(shí)，checkbox 不正常響應(yīng)，解決方法：使用下面右邊的代碼關(guān)于 inpheckbox$(inpheckedtype=checkbox)/獲得所有被 checked 的 checkboxchecked 是值為 true 和 false 的屬性，因此，賦值用 prop 而不能用 attr判斷一個(gè) checkbox 是否被選中Checkbox 的 change 事件不同于 click 事件，只有 checkbox 的選中狀態(tài)發(fā)生變化，才會(huì)觸發(fā)該事件；另外，還可以用$(this).trigg

6、er(change);來向 checkbox 發(fā) change 事件；$(this)就是 checkbox。var selected = $(inputname=homeradios:checked).val();/這個(gè)使獲得homeradios 組中 selected 的 radio 的 value 屬性中的值。關(guān)于$(inpheckedtype=checkbox)中:以及的具體解釋，見43 頁屬性過濾選擇器，及 47 頁表單對(duì)象屬性過濾選擇器將 url 中的中文編碼為中文字符decodeURI(window.location.search, UTF-8)/結(jié)果是包含中文的字符串像查字典一樣

7、，從 dom 樹中找到具有指定屬性值的 inputJquery 的 each$.each($(#id_other_bookCategories), $(#id_other_occupation),$(#id_other_favorites), $(#id_other_reasons), function(index, me) me.css(visibility, hidden);var checkbox = me.parent().find(inputtype=checkbox); checkbox.bind(change: function() if (true = p(checked) m

8、e.css(visibility, visible); else me.css(visibility, hidden);););將 html 元素封裝成Jquery 對(duì)象，下面代碼中item 是 Html 元素，希望對(duì)其能夠使用Jquery 的val()方法，于是封裝Jquery 的 map作用是返回一個(gè) ArrayJquery 可以定義 Object 以及 Array，用于在內(nèi)存中保存數(shù)據(jù)。例如: /使用$.regionalism 的例子見上面圖Jquery 的 bind 可以綁定要propertychange 事件，邏輯上的事件，下面這種寫法表示的是 input 事件或者相當(dāng)于Proper

9、tychange 與 input 含義是完全相同的內(nèi)容發(fā)生變化(包括：修改了heckbox 或者 input:radio 元素的選擇中狀態(tài)， checked 屬性發(fā)生變化。input:text 或者 textarea 元素的值，value 屬性發(fā)生變化。select 元素的選中項(xiàng)，selectedIndex 屬性發(fā)生變化。inp修改了修改了)Propertychange 是 IE 特有的事件，input 對(duì)應(yīng)其他瀏覽器(IE 下沒有 input)另外，jQuery 中也可以有自定義的事件，整個(gè)機(jī)制類似于 Extjs 的 fireEvent，例子就是“申請(qǐng)?jiān)囉谩苯缑?apply.html)中模擬

10、 select-option 的 jQuery 插件中的代碼$(#id_province).trigger(change);/相當(dāng)于向$(#id_province)fire 了一個(gè) change 事件；而下面就是change 這個(gè)自定義事件另外 trigger 不但可以發(fā)出自定義的事件，可以發(fā)出如 click 之類瀏覽器定義的事件，從而使接收到 click 的元素該事件的處理函數(shù)執(zhí)行。jQuery 也可以使用 Ajax，注意中文的編碼問題194 頁 serislize()，196 頁針對(duì)ponent，197 頁$.param()ponent 的ponent。jQuery 中的 new，這個(gè)例子

11、就是“申請(qǐng)?jiān)囉谩苯缑?apply.html)中模擬 select-option 的jQuery 插件中的js 代碼每一行的 new 做了 2 件事將 dropDown 函數(shù)執(zhí)行了一遍生成了 3 個(gè)的函數(shù)對(duì)象，每個(gè)對(duì)象中的屬性:dd、placeholder 和 opts 都與當(dāng)前行的參數(shù)$(.anizationTypeList)/ $(.provinceList)/ $(.titleList)進(jìn)行綁定。創(chuàng)建函數(shù)對(duì)象要達(dá)到的目的：將函數(shù)創(chuàng)建的關(guān)于各個(gè)參數(shù)$(.anizationTypeList)/$(.provinceList)/ $(.titleList)的click事件的器保存起來，使在 ap

12、ply.html 正常顯示的情況下，這些器能夠起作用。如果使用 new dropdown();來的函數(shù)對(duì)象，如果直接使用執(zhí)行 dropdown 則函數(shù)體內(nèi)的 this 對(duì)應(yīng)的就是當(dāng)前這個(gè)dropdown();則 this 對(duì)應(yīng)的是 window 對(duì)象。關(guān)于 proptotype在類型上使用 proptotype 來為類型添加行為，在實(shí)例(對(duì)象)上不能使用 prototype，否則發(fā)生編譯錯(cuò)誤。hasClass()與 is()瞎找is()的參數(shù)可以是偽類，用于判斷一個(gè) html 元素上是否具備該偽類。例子：門戶中當(dāng) input 處于聚焦?fàn)顟B(tài):focus 時(shí)，jquery.validate 對(duì)該

13、input 出現(xiàn)驗(yàn)證提示：就醫(yī)指南jQueryjQuery 直接第一次css 文件中某個(gè) css 類中的 height 屬性(注意不是從 dom 上，因?yàn)?dom 上的 height 屬性由dom 實(shí)際所處的環(huán)境決定，往往與其上 css 類中的 height 屬性值不一致)。getStyleRuleValue 是從網(wǎng)上找的代碼，實(shí)現(xiàn)了上述功能；但是該函數(shù)返回的 height 結(jié)果是以 px 結(jié)尾的字符串，需要將其轉(zhuǎn)化為數(shù)值。function getStyleRuleValue(style, selector, sheet) var sheets = typeof sheet != undefi

14、ned ? sheet : for (var i = 0, l = sheets.length; i l; i+) var sheet = sheetsi;if( !sheet.cssRules ) continue; for (var j = 0, k = sheet.cssRules.length; j k; j+) var rule = sheet.cssRulesj;.styleSheets;if (rule.selectorText & rule.selectorText.split(,).indexOf(selector) != -1) return rule.stylestyle;return null;另外，如果想獲得“當(dāng)前界面顯示場景下”某個(gè) dom 的 css-style(即瀏覽器中的Computed 列表，計(jì)算后的 css，可能會(huì)與 css 文件中所寫的不同)；可以使用如下方法：function getCurrentStyle(node) var style = null;if(putedStyle) putedStyle(node, null);style =elsestyle = no