初學jQuery

1、jQuery簡介javascript

--------------------------------java

   jQuery是一個開源的JavaScript項目,憑藉簡潔的語法和跨平臺的兼容性,極大簡化了JavaScript開發人員遍歷HTML文檔、操做DOM、處理事件、執行動畫和開發Ajax的操做。
jquery

   jQuery強調寫得少,作的多。jQuery獨特的選擇器、鏈式的DOM操做、事件處理機制和封裝完善的Ajax都是其餘JavaScript庫可望不可即。
ide

======================================================================================動畫


2、jQuery配置插件

--------------------------------    
對象

   jQuery官網:http://jquery.com/事件

   jQuery無需配置,只要將jQuery庫複製到公共路徑便可,在引入時寫在其餘調用它的前面。ip

======================================================================================開發


3、jQuery與其餘庫衝突

--------------------------------

   「$」做爲jQuery的快捷方式,在其餘庫中也常常被使用,爲了不衝突,一般在寫js代碼的第一行,將「$」權限釋放,代碼以下:

       jQuery.noConflict();


   或另外新建其餘快捷方式並釋放,代碼以下:

       var jq = jQuery.noConflict();

======================================================================================    

4、jQuery選擇器

-------------------------------

   針對class用「.」取名字,代碼以下:

       <p class="demo">jQuery Demo</p>

       <script type="javascript">

           jQuery(".demo").click(function(){

               alert("demo.click()被執行!");

           })

       </script>

   

   jQuery("ID")代替document.getElementById();


   jQuery("tagName")代替document.getElementByTagName();


   jQuery獲取的永遠是對象,網頁沒有此元素時,應該根據元素長度判斷,代碼以下:

       if(jQuery.("#demo").length > 0){

           //do something

       }

   或轉換成DOM對象來判斷,代碼以下:

       if(jQuery("#demo")[0]){

           //do something

       }

======================================================================================


5、jQuery中的DOM操做

--------------------------------


======================================================================================


6、jQuery中的事件和動畫

--------------------------------


======================================================================================


7、jQuery對錶單、表格的操做及更多

--------------------------------


======================================================================================


8、jQuery與Ajax的應用

--------------------------------


======================================================================================


9、插件的使用與寫法

--------------------------------


======================================================================================

相關文章
相關標籤/搜索