这两天复习了一下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 ]);
?>