JQuery强化教程 提供了38章课程,主要介绍了JQuery的选择器、包装集、DOM编程、AJAX编程、动画编程
代码下载地址:http://www.h5edu.cn/index.php?c=index&a=step&lessonid=54
网盘地址链接: http://pan.baidu.com/s/1eRDyVQU 密码: 加QQ群8274267
编写第一个JQuery程序
<html>
<head>
<meta charset="utf-8">
<title>第一个JQuery程序</title>
<pre name="code" class="html"> <script src="jquery.js"></script>
</head> <body> <input type="button" value="test" id="bt01"> <script> $(document).ready(function(){ alert("文档加载完成"); $("#bt01").click(function(){ $("#bt01").hide();//隐藏 }); }); </script> </body></html> 一、编写JQuery之前的准备
下载jquery库,或找到jQuery库的CDN地址
二、在项目中加在jQuery库
<script src="jquery.js"></script>
三、在文档加在完成定义事件源、事件和事件处理函数
<script>
$(document).ready(function(){
alert("文档加载完成");
$("#bt01").click(function(){
$("#bt01").hide();//隐藏
});
});
</script>
代码分析:
$(document).ready(函数);
以上代码实际上是一个函数调用,也是一个事件编程
$(document)返回值是一个对象相当于 jquery(document);//是将一个DOM对象转换为jQuery对象 ,$相当于jquery函数
也就是:var $=jquery;
.ready指,当前文档加载完成的事件
$("#bt01").click(function(){
$("#bt01").hide();//隐藏
});
这句理解为
对象.click(函数);
事件源。事件(事件处理函数);
----------------------------------
jQuery的三大特点:简洁 简洁 简洁
(学习本教程,首先要学习JavaScript编程)