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 ]);
 ?>