jquery交换数组元素位置_跟我一起学jQuery——第一集
《鋒利的JQuery》第二版閱讀筆記-第一章
jQuery對象和DOM對象
????想學習jQuery，首先要學會區分jQuery對象和DOM對象。1)jQuery對象是用jQuery類庫的選擇器獲得的對象。2)DOM對象是用傳統(javascript)獲得的對象。舉個栗子
//DOM對象var domO = document.getElementById("id"); //JQuery對象：$jqueryO，這里的$是可以省略不寫的，是習慣寫上，一看就知道是jquery對象。var $jqueryO = $("#id");????其次，jQuery對象不能使用DOM對象的方法，DOM對象也不能使用jQuery對象的方法。不過，這兩個對象是可以相互轉化的。
//由于jQuery對象是一個數組對象，所以可以通過下標轉DOMvar $jqueryO = $("#id");//方法1var jToD = $jqueryO[0];//方法2var jToDT = $jqueryO.get(0);//DOM轉JQueryvar domO = document.getElementById("id");var $domToJ = $(domO);jQuery的優勢與特點
????學習了jQuery和DOM對象的區別后，讓我們來了解一下jQuery引得如此多人使用的魅力所在。
?一，小。jQuery分為開發和生產(min.js)兩個版本。其中生產版本大約30kb左右。?二，選擇器強大。它不僅支持css的，還支持jQuery獨創的，還有用戶自定義的。不知道你是否有我和一樣的疑問。選擇器又是什么？這里的選擇器主要指的是CSS選擇器。舉個栗子：#main{width:600px}，如這個是個id選擇器(根據元素id屬性)，目的是找尋網頁中id為main的元素并設置寬度為600px。與此同時還有標簽選擇器(元素標簽名稱，如div body)，類選擇器(元素class屬性)。?三，DOM封裝的十分好，使用jQuery時，不用考慮javascript的復雜元素，比如XMLHttpRequest?四，事件處理機制可靠周到，這個我們后面一起學習?五，ajax封裝的好。原生的會比較復雜，具體請看下面圖(來源于一篇精彩的文章[1]) 原生：
jQuery
?六 ，不污染頂級變量。一般我們見到的jQuery變量、函數都位于$function({});之內。可以與其他的的$function({});等共存。?七，jQuery修復了一些瀏覽器之間的差異，封裝了不少優秀插件，有豐富的文檔可以參考，而且還開源。?八 ，因為jQuery對象本身是數組，所以其方法可以自動操作對象集合。其次，還可以進行鏈式操作(如：.attr().submit())。
Hello World!
????只要學會Hello World，就仿佛掌握了一門語言。
現在，讓我們學習使用jQuery，向世界say Hello。
????? ? ? ? 第一步，下載jquery.js。本書使用的是1.7，可以從這里下載[2]。????? ? ? ? 第二步，引入與使用。注意，引入要在調用前哦，不然是無法使用的。
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><script src="../jquery-1.7.2/jquery.js" type="text/javascript">script><script type="text/javascript"> $(document).ready(function(){//等待Dom元素加載完畢 alert("hello world!")//彈框 }); $(function(){//$(document).ready簡寫，可以同時執行 alert("hello again"); });script>head><body>body>html>
References
[1]?來源于一篇精彩的文章:?https://www.cnblogs.com/guchengnan/p/9640043.html[2]?這里下載:?https://www.jq22.com/jquery-info122
總結
以上是生活随笔為你收集整理的jquery交换数组元素位置_跟我一起学jQuery——第一集的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 网申民生车车信用卡多久下卡
- 下一篇： margin background_ma