Dzwebs.Net

撰写电脑技术杂文十余年

如何使用jquery

Admin | 2015-6-5 11:35:22 | 被阅次数 | 4785

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  就目前来讲,很多网页都在使用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>


该杂文来自: 网页制作杂文

上一篇:让DIV对象显示在最上层

下一篇:js隔一段时间后执行某函数

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计