jquery强化教程2016第1节-编写第一个JQuery程序

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编程)



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章