1. JQuery初体验--helloWorld - MyBlog - ITeye博客

`

Jellen129

浏览: 61965 次
性别:
来自: 长沙

最近访客更多访客>>

aflyj2me

mhtank521

a437966528

詹小钦

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yuanandyy：谢谢，帮了大忙啊
错误 500 java.lang.NoClassDefFoundError: com/lowagie/text/pdf/FontMapper
独孤日日也：怎么不管用？还是那样
创建窗口面板时的问题——b.dom is undefined
hongzhguan： ...
iReport 4.0的oracel数据源的连接
蛋的懒蛋：按照你的方法弄了一个DB2的驱动，怎么还是报错啊！！！
iReport 4.0的oracel数据源的连接
Lorraine：楼主要是提供JAR包下载就好了………………
ireport 导出图表时的错误信息

1. JQuery初体验--helloWorld

博客分类：

JQuery

阅读更多

初学 JQuery，经典的hello world!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>初学JQuery</title>

<script language="javascript" src="jquery-1.8.2.js" type="text/javascript"></script>
</head>

<body>
<div>一、引入"jquery-1.8.2.js"文件，进入JQuery的初体验吧！如下：<br/>
<input id="helloWorld1" type="button" value="点击我呀,隐藏"/>
<input id="helloWorld2" type="button" value="点击我呀,显示"/>
<input id="helloWorld3" type="button" value="点击我呀,显示或隐藏"/>
<p style="background-color:#CCC">点击按钮显示或隐藏此。 hello world!</p>
</div>

</body>

<script language="javascript">
$(document).ready(function(){//它的缩写方法：$(function(){ //do something });
$("#helloWorld1").click(function(){
$("p").hide();
});

$("#helloWorld2").click(function(){
$("p").show();
});

$("#helloWorld3").click(function(){
$("p").toggle();
});

});

</script>
</html>

index.zip (81.3 KB)
下载次数: 10

分享到：

eclipse 不能自动编译生成classes文件原因 | 在eclipse中新建Class文件时生成注释

2012-11-01 22:30
浏览 963
评论(0)
论坛回复 / 浏览 (0 / 1578)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

jquery-3.3.1.js和jquery-3.3.1.min.js: jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...

jquery.datepicker-zh-CN.js: <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...

jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css: 这个压缩包包含两个关键文件：`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`，这些都是jQuery UI的特定版本，即1.8.16。这个版本在当时是一个广泛使用的稳定版本，提供了丰富的功能和组件。 ...

jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css: 在实际项目中，`jquery-ui-1.8.2.custom.min.js`和`jquery-ui-1.8.4.custom.css`通常一起使用，以确保JavaScript组件的外观和行为与CSS样式协调一致。然而，需要注意的是，这两个版本相对较旧，可能不包含后来版本中...

jquery.ui.datepicker-zh-CN.js: jquery.ui.datepicker-zh-CN.js

Jquery智能提示完整全部版本vsdoc.js: jquery-1.3.2-vsdoc.js jquery-1.8.3.min.js jquery-1.3.2.min.js jquery-1.4.1-vsdoc.js jquery-1.4.1.min.js jquery-1.4.2-vsdoc.js jquery-1.4.2.min.js jquery-1.4.3-vsdoc.js jquery-1.4.3.min.js ...

开发工具 jquery-1.11.3.min: 开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...

jquery.qtip-1.0.0-rc3.js: jquery.qtip-1.0.0-rc3.js 弹出层

jquery-3.7.0.min.js（jQuery下载）: jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）...

jquery.i18n.properties-min-1.0.9.js: jquery.i18n.properties-min-1.0.9 主要用于国际化和读取properties文件

jquery-ui.css、jquery-ui.js下载: 总的来说，jQuery UI为开发者提供了强大且易于使用的用户界面组件，通过`jquery-ui.css`和`jquery-ui.js`，我们可以快速构建交互性丰富的Web应用，提高用户的操作体验。然而，合理地配置和优化这两个文件，以适应...

jquery插件jquery-ui-1.8.18.custom.min.js及css文件: 在本篇文章中，我们将深入探讨其自定义版本 `jquery-ui-1.8.18.custom.min.js` 和相关的 CSS 文件，以理解它们如何协同工作，为网页带来强大的功能和美观的界面。首先，`jquery-ui-1.8.18.custom.min.js` 是 ...

jquery插件jquery-ui-1.8.2.custom.min.js: 《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》在Web开发领域，jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展，提供了丰富的用户界面组件...

JQuery1.4.2(jquery-1.4.2.js jquery-1.4.2.min.js jquery-1.4.2-vsdoc.js jquery-1.4.2-vsdoc_en.js jquery.cookie.js): jquery-1.4.2.js jquery-1.4.2.min.js jquery-1.4.2-vsdoc.js 中文版vsdoc jquery-1.4.2-vsdoc_en.js jquery.cookie.js

jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_: 标题中的“jquery-3.5.1.min.js”代表的是jQuery库的3.5.1版本的压缩后的最小化文件，这种格式的文件通常用于实际生产环境中，以减小页面加载时间。"jquery-3.5.1.min.js"是这个特定版本的核心文件，包含了所有...

jquery-migrate-3.0.0.min.js+js+jquery+兼容: jQuery-Migrate 是一个过渡插件让你在原来代码上升级 jQuery 不用修改代码。cdn：https://code.jquery.com/jquery-migrate-3.0.0.min.js

jquery1.2.3到3.3.1版本都有: jquery-1.10.2.min.js jquery-1.11.1.min.js jquery-1.11.3.min.js jquery-1.2.3.min.js jquery-1.3.2.min.js jquery-1.4.2.min.js jquery-1.4.4.min.js jquery-1.5.2.min.js jquery-1.6.4.min.js jquery-1.7.2.min....

Global site tag (gtag.js) - Google Analytics