鋒利的jQuery-----讀書筆記

來源:互聯網
上載者:User

標籤:color   表單   開源   動畫   round   attr   ict   function   doc   

<!DOCTYPE html><html><head><meta charset="utf-8">    <title>鋒利的jquery</title>    <script type="text/javascript" src=‘js/jquery-2.2.1.min.js‘></script>   <style type="text/css">   body{   background-color: gray;   }   </style></head><body><a href="#">提交</a> <script type="text/javascript">  /*   1.2.2、jquery優勢   1、輕量級   2、強大的選取器   3、出色的DOM操作封裝   4、可靠的時間處理機制   5、完善的Ajax   6、不可汙染頂級變數   7、出色的瀏覽器安全色性   8、鏈式操作方式   9、隱式迭代   10、行為層與結構層的分離   11、豐富的外掛程式支援   12、完善的文檔   13、開源    1.3.2    ready:等待DOM文檔載入完畢    onload : 等待網頁所有內容載入完畢後,包括圖片    1.4.2DOM對象jQuery對象轉換    var $cr = $("#cr");//jQuery對象    var cr = $cr.get(0);// DOM對象    var $cr = $(cr);    //平時使用的jQuery函數都是$()函數製造出來的,$()是JQuery的一個製造函數1、認識jQuery    1.5解決jQuery和其他庫的衝突    jQuery.noConfict();    //將變數$的控制權移交給其他的Javascript庫2、jquery選取器    a、基本選取器 p    b、層次選取器 p~span    c、過濾選取器       基本過濾選取器:first       內容過濾選取器:contains       可見度過濾選取器:hidden       屬性過濾選取器:attr=       子項目過濾選取器:first-child       表單對象過濾選取器:select:selected 3、DOM操作     1、document.forms;//提供了一個forms對象     2、刪除節點         detach:將所有匹配的元素從DOM中去除,       這個方法不會把匹配的元素從jQuery對象中去除,       因而可以在將來再使用的時候用到這些匹配的元素,       所有綁定的事件、附加的資料等都會保留下來       empty:清空所有後代節點       remove:刪除節點     3、wrapAll包在外面        wrapInner包在裡面     4、遍曆節點        childent();        next();        prev();        siblings();        closest();//擷取最近的元素    5、offset當前視窗的相對位移量       scrollTop擷取元素的捲軸到頂端的距離 4、jQuery中的時間和動畫    1、時間綁定bind    2、合成時間toggle    3、事件冒泡:事件會像水泡一樣不斷向上直至頂端    同時給a和body綁定不同事件$("a").click(function(){  console.log("a");})$("body").click(function(){console.log("body");})$(window).click(function(){  console.log("window");})//點擊小範圍的同時會觸發大範圍的事件 */ </script></body></html>

  

鋒利的jQuery-----讀書筆記

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: