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

最新推荐文章于 2022-08-21 09:41:23 发布

大帅啊

最新推荐文章于 2022-08-21 09:41:23 发布

阅读量607

点赞数

分类专栏： HTML5 文章标签： jquery HTML5 编程

HTML5 专栏收录该内容

48 篇文章 0 订阅

订阅专栏

JQ强化教程提供了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]view plaincopy 
    
 <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库

[html]view plaincopy 
    
 <script src="jquery.js"></script>  

三、在文档加在完成定义事件源、事件和事件处理函数

[html]view plaincopy 
    
 <script>  
         $(document).ready(function(){  
            alert("文档加载完成");  
            $("#bt01").click(function(){  
               $("#bt01").hide();//隐藏   
            });  
         });  
         </script>  

代码分析：

[html]view plaincopy 
    
 $(document).ready(函数);  

以上代码实际上是一个函数调用，也是一个事件编程

$(document)返回值是一个对象相当于 jquery(document);//是将一个DOM对象转换为jQuery对象，$相当于jquery函数

也就是:var $=jquery;

.ready指，当前文档加载完成的事件

[html]view plaincopy 
    
 $("#bt01").click(function(){  
              $("#bt01").hide();//隐藏   
           });  

这句理解为

对象.click(函数);

事件源。事件(事件处理函数);

----------------------------------

jQuery的三大特点：简洁简洁简洁

（学习本教程，首先要学习JavaScript编程）

大帅啊

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery强化教程2016第1节-编写第一个JQuery程序

JQ强化教程提供了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程序
复制链接

扫一扫

专栏目录