六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

如何使用jquery

Admin | 2015-6-5 11:35:22 | ReadNums | 2896 | 标签 网页制作 | 打印本页
     

  就目前来讲,很多网页都在使用jquery,可以说,jquery无处不在,因为其使用很方便。

  下面就为大家讲解一下,在网页中如何使用jquery。

  首先我们来说一下jquery是什么,说白了,这个jquery其实是一个拓展名为JS的文件,该文件里面包含了很多个Javascript语言编写的函数与方法。也就是说,平时做网页用到的各种JS功能代码及方法,都在jquery文件里面。

  因此,jquery相当于JS的一个共用库,该库里面保存了JS代码的各种功能代码函数。使用的时候,直接调用函数名称即可解决问题。

  一、使用条件

  首先要下载jquery库文件,将其引入到页面中。

  jquery库文件可以到官网或网络上免费下载,同时,该库文件也是开源代码。

  二、使用范例

  ①引入库文件

  <script type="text/javascript" src="jQuery.js"></script>

  在网页的头部加入JS库文件的引入。请注意哦,你下载的jQuery.js文件名称不一定就是jQuery,可能是其它,请自行修改名称及引入的路径即可。

  ②使用范例

  引入好了以后,就可以使用jQuery的函数及各种功能代码了。

  JS代码如下:

  <script type="text/javascript">
  $(document).ready(function(){
    $("#button1").click(function(){
      $("#box").text("加龙在学习JQUERY!");
     alert(this.id);
    });
  });
  </script>

  HTML文件的对象

  <div id="box">加油,伙计</div>
  <button id="button1">点击我试试</button>


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日