當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

《锋利的jQuery》之jQuery简介

發布時間：2024/1/17 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了《锋利的jQuery》之jQuery简介小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.1 JavaScript簡介 JavaScript的缺點：復雜的文檔對象模型（DOM），不一致的瀏覽器實現，缺乏便捷的開發、調試工具。 Ajax（異步的JavaScript和XML）誕生，導火索是Google的一系列新型Web應用： Gmail、Google Suggest、Google Map等。涌現大量JS庫：Prototype, Dojo, ExtJS, jQuery, YUI... 1.2 jQuery優勢 輕量級：使用Min版并且在服務器端啟用Gzip壓縮后，大小只有18KB。強大的選擇器：支持CSS1到3的所有選擇器，還可以加入插件使其支持XPath選擇器。 DOM操作封裝事件處理機制：可靠，預留退路、循序漸進、非入侵式思想。 Ajax：$.ajax() 不污染頂級變量：jQuery只建立一個名為jQuery的對象，所有函數都在這個對象下。在項目中放心地引用不會沖突。瀏覽器兼容性：能夠在IE 6.0+, FF 2+, Safari 2.0+和Opera 9.0+下正常運行。鏈式操作隱式迭代：jQuery的方法設計成自動操作對象集合。如用jQuery找到".myClass"類的全部元素，然后隱藏它們時，無需循環遍歷每一個返回元素。豐富的插件 1.3 開始jQuery之旅 <html> <head> <script src="..."></script> <script type="text/javascript"> $(document).ready(function() { alert("Hello world!"); } </script> </head> <body></body> </html> 傳統的window.onload()：必須等待網頁中所有的內容加載完畢后（包括圖片）才能執行。 $(document).ready()：網頁中所有DOM結構繪制完畢后就執行，可能DOM元素關聯的東西并沒有加載完。 1.4 jQuery對象和DOM對象 DOM對象可以通過document的getElementByTagName或getElementById來獲得。 jQuery對象是通過jQuery包裝DOM對象后產生的對象，可以調用jQuery的方法。 $("#foo").html(); 等價于 document.getElementById("foo").innerHTML; jQuery對象轉成DOM對象：$("#cr")[0]或$("#cr").get(0) DOM對象轉成jQuery對象：$(document.getElementById("cr"))

轉載于:https://www.cnblogs.com/xiaomaohai/archive/2011/11/27/6157911.html

總結

以上是生活随笔為你收集整理的《锋利的jQuery》之jQuery简介的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。