資源描述：
《講義一 jquery簡介》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、-講義一jQuery簡介1、jQuery是什么ljQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTMLdocuments、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。ljQuery還有一個比較大的優(yōu)勢是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細，同時還有許多成熟的插件可供選擇。ljQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離，也就是說，不用再在html里面插入一堆js來調(diào)用命令了，只需定義id即可。2、jQuery能做什么僅核心特性：l
2、獲取頁面中的元素l修改頁面的外觀l改變頁面的內(nèi)容l響應(yīng)用戶的頁面操作l為頁面添加動態(tài)效果l無需刷新頁面即可從服務(wù)器獲取信息JQuery實現(xiàn)的基礎(chǔ)效果展示3、jQuery對學(xué)習(xí)者的基礎(chǔ)要求具備基本的html和css知識，并且應(yīng)該熟悉javascript語法。4、jQuery學(xué)習(xí)資料（1）官網(wǎng)：http://jQuery.com/API網(wǎng)址：http://api.jQuery.com/提供最新版本jQuery庫下載，目前最新v1.8.2。實驗用v1.4.2（見jQuery學(xué)習(xí)資料/js）Baidu（2）
3、安裝和其他js文件放在一起即可5、第一個jQuery文檔（web文件index.html）（1）演示jQuery效果（引用jQuery核心庫、ready()、效果）（2）只使用onload展示效果，并與第一種方式作比較。（3）匿名函數(shù)塊與有名函數(shù)不同。講義二選擇符-取得你想要的一切1、簡介jQuery利用了CSS和XPath選擇符的能力，讓我們在DOM中快捷而輕松地獲取元素或元素組。（JQuery最強大的功能之一）通過jQuery對象可以很方便的操縱在頁面中找到的元素（修飾、事件觸發(fā)等）jQue
4、ry對象—DOM中的元素被封裝成對象，對這些元素運用一定的方法取得的結(jié)果集合也是jQuery對象。2、工廠函數(shù)$()$()函數(shù)的圓括號中使用的參數(shù)幾乎沒有什么限制。比較常用的例子：$(‘p’)取得文檔中的所有段落$(‘#someid’)取得文檔中ID為someid的元素$(‘.someclass’)取得文檔中帶有someclass的所有元素3、CSS選擇符---負責(zé)任的jQuery開發(fā)者應(yīng)該在編寫自己的程序時，始終堅持“progressiveenhancement,gracefuldegradati
5、on”（漸進增強，平穩(wěn)退化）。做到在javascript禁用時，頁面應(yīng)該能夠與啟用時一樣準(zhǔn)確地呈現(xiàn)，即使沒有那樣美觀。實例-----導(dǎo)航結(jié)構(gòu)見網(wǎng)頁“CSS選擇符-導(dǎo)航菜單”注意：（1）使用$(document).ready()結(jié)構(gòu)時，位于其中的所有代碼都會在DOM加載后立即執(zhí)行。（2）子元素組合符>（3）否定式偽類選擇符增加代碼“
”，觀察不同4、XPath選擇符XML文檔中識別不同元素或元素值的一種語言（XMLPathLanguage）用途：涉及屬性選擇符$
6、(‘a(chǎn)[title]’)選擇所有帶title屬性的鏈接---屬性前面不需加@實例----鏈接顯示見網(wǎng)頁“CSS選擇符-導(dǎo)航菜單”，在其上增加代碼//XPath選擇$('a[href^="mailto:"]').addClass('mailto');$('a[href$=".pdf"]').addClass('pdflink');$('a[href*="mysite.com"]').addClass('mysite');注意：（1）屬性選擇符允許使用類似正則表達式的語法來表示字符串的開始（^）和結(jié)尾（
7、$），而且使用（*）表示字符串的任意位置。5、自定義選擇符例：$(div.horizontal:eq(1))從匹配的帶有horizontal類的div集合中，選擇第2個項。Javascript采用從0開始的計數(shù)方式。實例----前三章實例見網(wǎng)頁“隔行換色的表格”注意:(1)jQuery庫中的有用的自定義選擇符:odd、:even、:not、:eq(2)(2)jQuery對象能夠提供隱士迭代和連綴能力。例：1)$('td:contains("簡答題")').parent().find('td:gt(0
8、)').addClass('highlight');2)$('td:contains("簡答題")').parent().find('td:eq(1)').addClass('highlight').end().find('td:eq(2)').addClass('highlight');其中：end()返回到包含“簡答題”的單元格的父節(jié)點。目前為止，我們使用了$(document).ready()事件為一組匹配的元素添加類。下一部分將探討基于用戶發(fā)起的事件來添加類的
