<link rel="stylesheet" href="https://js.how234.com/c506fb5b83/dc0cf946804bdf97ca5e71130ef8026b0a/dc01ee5e8440/dc1dd45d9356.css" type="text/css" /><link rel="stylesheet" href="https://js.how234.com/c506fb5b83/dc0cf946804bdf97ca5e71130ef8026b0a/dc01ee5e8440/dc1dc35a845ed2bac8507c0f05e4.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><style>pre{overflow-x: auto}</style>
<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>
java jquery是什麼，讓我們一起了解一下？
jQuery是目前最流行的JavaScript程序庫，對JavaScript對象和函數進行封裝，也是一個快速、簡潔的JavaScript框架，提供一種簡便的設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery能做什麼？
1、訪問和操作DOM元素。
2、控制頁面樣式。
3、對頁面事件進行處理。
4、擴展新的jQuery插件。
5、與Ajax技術完美結合。
提示：jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高開發效率。
Query的優勢是什麼？
1、體積小，壓縮後只有100KB左右。
2、強大的選擇器。
3、出色的DOM封裝。
4、可靠的事件處理機制。
5、出色的瀏覽器相容性。
6、使用隱式迭代簡化編程。
7、豐富的插件支援。
具體案例分析如下：
<script type="text/javascript">jQuery(function() { // 用法一:頁面加載時執行// 結論1:js對象 不能調用jquery的屬性和方法// 結論2:jquery對象不能調用js的屬性和方法// 用法二:可以使用表達式獲取頁面的標籤對象jQuery("#myDiv").click(function() {alert('你點擊了myDiv');})// 方法三:js與jquery的相互轉換// js對象轉成jquery對象:jQuery(js對象)// jquery對象轉成js對象:jQuery對象[0]或jQuery對象.get(0)jQuery(document.getElementById("myDiv")).click(function() {alert("js對象轉成jquery對象");});jQuery("#myDiv")[0].onclick = function() {alert("query對象轉成js對象");}jQuery("#myDiv").get(0).onclick = function() {alert("query對象轉成js對象");}// 方法四:將合法字元串轉成jQuery對象var $h1 = jQuery("<h1>hello jQuery</h1>");jQuery("body").append($h1)});</script>
