`
Cb123456
  • 浏览: 66131 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

初识JQuery

    博客分类:
  • web
阅读更多

JQuery:

 一、JQuery:

 今天上网搜素什么的时候,就发现了JQuery,以前只是听人说过,今天好歹也写了几个Demo,瞬间觉得很好啊.

 

 二、JQuery简介:

 1.jQuery,顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

 2.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可

 

 三、JQuery的引入:

 通过一行简单的标记来添加到网页中.

 本地:

 

<script type="text/javascript" src="E:\jquery\jquery-2.1.4.min.js"></script>

   

 

 引用:

 

百度压缩版引用地址:
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>

微软压缩版引用地址:
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script>

官网jquery压缩版引用地址:
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

 

 

     四、JQuery的特性:

  1.动态特性.

  2.多浏览器支持

       3.ajax

  4.支持css,js特效和动画

 

     五、一个简单的隐藏和显示p标签的例子:

 

<html>
<head>
<script type="text/javascript" src="E:\jquery\jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

   $("button").click(function(){
   
      $("p").toggle(1000);
   });
});

</script>
</head>

<body>
<button type="button">隐藏</button>
<p>一个标签</p>
<p>另一个一个标签</p>
</body>

</html>

 

 

     

    六、运行效果:

   
 

  • 大小: 204.7 KB
0
0
分享到:
评论

相关推荐

    初识jQuery

    **初识jQuery** jQuery是一个广泛应用于Web开发的JavaScript库,它的设计目的是简化HTML文档遍历、事件处理、动画以及Ajax交互。自2006年发布以来,jQuery因其易用性和丰富的功能集,成为了开发者们的首选工具之一...

    RIA应用开发:1-初识Jquery.ppt

    【jQuery 概述】 jQuery 是一个广泛应用于现代Web开发的JavaScript库,由John Resig于2006年创建。它的主要目标是简化JavaScript编程,让开发者能够“Write Less, Do More”。jQuery 提供了一种高效的方式来处理...

    初识JQuery-DOM操作(Demo实战详解)

    我是辰兮,很高兴你能来阅读,本章初识jQuery,用案例详细的讲解了jQuery的DOM操作,每一个操作都有详细的案例以及截图,希望对你有帮助,分享获取新知,大家一起进步。 下一篇请参考:JQuery-DOM进阶 文章目录一、...

    初识JQuery 实例一(first)

    标题"初识JQuery 实例一(first)"暗示这是一个关于入门级jQuery操作的示例,重点在于`first()`和`next()`方法的使用。 首先,jQuery库通过引入`&lt;script&gt;`标签加载,这里使用的版本是`...

    15天学会jquery(完整版)

    #### 一、引言:初识jQuery 在IT行业中,JavaScript是一门不可或缺的前端脚本语言,而jQuery则是建立在其上的一个功能强大、易用性极高的库。本书《15天学会jQuery》旨在引导读者从零开始,逐步掌握jQuery的核心...

    jquery in action(jquery 实战) pdf

    总的来说,《jQuery in Action》这本书适合初级到中级的JavaScript开发者,无论你是初识jQuery,还是希望深入理解并提升技能,都能从中受益匪浅。通过阅读和实践书中的例子,你将能够熟练掌握jQuery,从而编写出高效...

    【JavaScript】4.初识 jQuery

    本来这一篇要写JavaScript的事件处理的,但是内容好多啊,这一套那一套的,看得有点晕……查资料的时候发现好些东西大家都是用 jQuery 实现的,据说挺好上手的,那我就先看看 jQuery,之后和JS对照着学吧。...

    15天学会jquery

    #### 第一章:初识jQuery **1.1 什么是jQuery** jQuery是一个快速、简洁的JavaScript库,它的设计宗旨是为了简化HTML文档遍历、事件处理、动画操作及Ajax交互等常见的网页开发任务。与原生JavaScript相比,jQuery...

    day20 jquery01.zip

    在“day20 jquery01.zip”这个压缩包中,我们很可能会找到一系列关于初识jQuery以及循环语句使用的教程或示例代码。 首先,jQuery的核心理念是“写得更少,做得更多”。它通过简洁的API(应用程序接口)让开发者...

    jquery资料大全

    1. **初识jQuery**: 首先,通过阅读CHM文档了解jQuery的基本概念和API,对jQuery有一个整体的认识。 2. **动手实践**: 结合实例,动手编写jQuery代码,熟悉DOM操作、事件处理和基本动画。 3. **深入理解**: 学习并...

    jQuery实战代码

    在初识jQuery的过程中,了解其核心理念、基本语法和如何在项目中引入是至关重要的。jQuery的核心在于简化DOM操作,事件处理和动画效果。要开始使用jQuery,你需要在HTML文件中引入jQuery库,通常通过CDN链接或本地...

    jQuery移动开发

    #### 一、初识jQuery Mobile ##### 概览:jQuery Mobile库 jQuery Mobile是基于jQuery框架的一种扩展,它专门为移动设备设计,旨在为移动网页开发提供一套完整的响应式设计解决方案。通过利用HTML5、CSS3以及...

Global site tag (gtag.js) - Google Analytics