`
yanzilee9292
  • 浏览: 531301 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

更多Jquery基础实例

jQueryJavaScriptCSSHTML 
阅读更多

1. 隐藏元素

 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".ex").hide("slow");
});
});
</script>
<style type="text/css"> 
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
</style>
</head>
 
<body>

<h3>Island Trading</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Helen Bennett<br /> 
Garden House Crowther Way<br />
London</p>
</div>

<h3>Paris Trading</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Marie Bertrand<br /> 
265, Boulevard Charonne<br />
Paris</p>
</div>

</body>
</html>

 

 

2. 以上帖子中

分享到：
| Jquery 简化ajax
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery完全实例.rar

    参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 -------------------------------------------------------------------------------- This function accepts a string containing a CSS ...

    jQuery基础教程(第4版+源码)

    本书全面讲解了最新jQuery技术，由实例进行一步一步的介绍jQuery的强大功能，资源里有源码。配合pdf书一起，非常使用。本人我，看的是第2版，但是不管是哪版，真心觉得不错。这第四版，讲解的比第2版的内容更多。

    jquery50个实例下载

    其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 　它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 　...

    jquery 资料合集 实例

    其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 　它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 　...

    jquery基础,jquery文档，更多实现小脚本

    jquery的多种实现小脚本实例，jquery的语法讲解

    jQuery EasyUI 实例演示（菜单、TAB等）

    jQuery EasyUI 实例演示（菜单、TAB等）! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    jquery+ajax+asp+mysql加载更多。

    jquery+ajax+asp+mysql加载更多。

    jQuery Mobile音乐播放实例源码

    通过使用jQuery Mobile 可以 "写更少的代码，做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页，且兼容所有移动设备。 lamp 不同设备使用了不同开发语言，jQuery Mobile可以很好的兼容不同的设备或操作...

    DOM和JQuery简单易学实例

    .Net的DOM和JQuery简单实例让更多的.Net人员体验到开发中常用的技术

    jvectorMap jQuery地图实例

    JVectorMap 是一个优秀的、兼容性强的用来显示矢量地图的jQuery插件.它使用 SVG 在Firefox 3 or 4, Safari, Chrome...本人写了加载中国地图的例子，里面含有多个地图js文件，学习jVectorMap，建议学习下svg，更容易上手

    50个jquery 实例

    概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库

    jquery滑动刷新加载更多

    一个简单的移动端下滑刷新,上滑加载更多的示例,简便易懂!

    jQuery 自动补全实例代码

    jQ自动补全效果，就是大家所说的自动完成AutoComplete功能的代码，在页面加载时就获取，然后用户输入匹配提前加载的数据，根据用户输入到数据库查找匹配的数据显示上来，前三个框都是属于第一种，最后一个框模拟百度...

    php+jquery+html实现点击不刷新加载更多的实例代码

    下面小编就为大家带来一篇php+jquery+html实现点击不刷新加载更多的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    Android App开发超实用实例 jQuery Mobile在Android手机上实现抽屉式侧滑菜单

    jQuery Mobile将“写得更少、做得更多”这一理念提升到了新的层次。下面这个实例演示了使用jQuery Mobile在Android手机上实现抽屉式的侧滑菜单。此实例在Android Studio开发环境中编写且运行在Android手机上。 实例...

    ThinkPHP+jquery实现“加载更多”功能代码

    ThinkPHP+jQuery实现“加载更多” 在很多web端界面中都会用到点击按钮加载最新几条数据的demo,下例为使用thinkphp+jquery实现实例： 要实现的结果大致如下 第一步 模板文件 &lt;!--软件--&gt; {volist name...

    jQuery基础的工厂函数以及定时器的经典实例分析

    1.2 作用: 许多使用JavaScript能实现的交互特效，使用jQuery都能完美地实现，下面通过五个用途来更多的了解。 1.2.1 访问和操作DOM元素 1.2.2 制作页面样式 1.2.3 对页面时间的处理 1.2.4 方便地使用jQuery插件 ...

    jQuery Frontier Calendar 1.3.2

    google code上的一个开源项目源码、实例...当在一个日期单元格中有比较多的待办事项时，将出现一个更多的链接，点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。

    jQuery-UI Custom 实例集 1.7.1

    内容索引:脚本资源,jQuery,jQueryUI,滑动门,选项卡　jquery-ui.custom实例集，是一个运用jquery可视化ui设计的应用实例集，实例集中包括大家常用的滑动门、折叠菜单、图层控制、选项卡、进度条、提示窗口、拖动条...

    JQuery实战第一讲：概述、环境准备及入门实例SRC

    JQuery实战第一讲：概述、环境准备及入门实例SRC,基础课程，大家学习一下，后续还有更多

Magicbox
Global site tag (gtag.js) - Google Analytics