jQuery總結筆記

這兩天覆習了一下jQuery，爲了防止以後忘記了想在這裏做個小總結。

$ 符號封裝了我們的dom方法，調用方法爲：

     $('p').click(function () {
            console.log("歡迎使用jQuery");
        })

即使我們不去安裝也可以調用一些網站自帶的jQuery，比如：

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>   //百度的

<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>   //新浪的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>   //谷歌的

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>   //Microsoft的

好了讓我們來總結一下jQuery學習筆記。

1.事件的操作，比如鼠標點擊懸停等等

2.效果，淡入淡出，隱藏顯示，以及對我們css動畫的控制

3.回調函數，每次事件執行後觸發

4.捕獲，對html數值文本的操作，可以拿到我們想要的值，或者文本

5.添加刪除，能幫助我們很容易的對頁面添加內容並刪除

6.操作css

7.遍歷，方便我們操作他的父子關係

8.過濾，返回所選元素

9.AJAX方法，get請求和post請求

基本就是這些東西，關於ajax詳情我之前有一篇文章。ajax請求的話涉及一些php的josn練習。

這裏用ajax調用一下php的數據。

首先我們準備一行P標籤

<p>這裏有個jQuery</p>

點擊P標籤觸發函數，load是獲取php傳輸的數據並替換掉P標籤的內容。get請求訪問php數據之後觸發函數 

$('p').click(function () {
    console.log("歡迎使用jQuery");
    $("p").load("HelloPHP.php");
    $.get("HelloPHP.php", function (data) {
        console.log("數據: " + data );
    });
})

PHP代碼，返回一行json字符串，one是鍵 => 是他的值，如果返回值爲空則返回0

<?php
$data=array(
	'one'=>'蛋糕',
	'tow'=>'牛奶',
	'three'=>'巧克力'
);
 echo json_encode($data[, $options = 0 ]);
 ?>