JQuery选择器绑定事件及修改内容的方法


Posted in Javascript onJanuary 23, 2015

本文实例讲述了JQuery选择器绑定事件及修改内容的方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Hello World jQuery!</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

</head>

<body>

<div id="divMsg">Hello World!</div>

<input id="btnShow" type="button" value="显示" />

<input id="btnHide" type="button" value="隐藏" /><br />

<input id="btnChange" type="button" value="修改内容为Hello World,3water!" />

<script type="text/javascript" >

$("#btnShow").bind("click", function(event) { $("#divMsg").show();});

$("#btnHide").bind("click", function(event) { $("#divMsg").hide();});

$("#btnChange").bind("click", function(event){ $("#divMsg").html("Hello World, 3water!"); });

</script>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
javascript实现根据时间段显示问候语的方法
Jun 18 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
详解django模板与vue.js冲突问题
Jul 07 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 Javascript
微信小程序实现音乐播放页面布局
Dec 11 Javascript
angular中使用路由和$location切换视图
Jan 23 #Javascript
JavaScript中的类与实例实现方法
Jan 23 #Javascript
PHP中CURL的几个经典应用实例
Jan 23 #Javascript
Javascript闭包用法实例分析
Jan 23 #Javascript
JavaScript学习笔记之Function对象
Jan 22 #Javascript
JavaScript学习笔记之Cookie对象
Jan 22 #Javascript
javascript二维数组转置实例
Jan 22 #Javascript
You might like
php生成固定长度纯数字编码的方法
2015/07/09 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
JS定义回车事件(实现代码)
2013/07/08 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
jquery如何根据值设置默认的选中项
2014/03/17 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
Node.js的npm包管理器基础使用教程
2016/05/26 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
在Python中操作字典之update()方法的使用
2015/05/22 Python
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
老生常谈python的私有公有属性(必看篇)
2017/06/09 Python
python 读入多行数据的实例
2018/04/19 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
Python查看微信撤回消息代码
2018/06/07 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
学习新党章思想汇报
2014/01/09 职场文书
纪念建党演讲稿范文
2014/01/13 职场文书
大学生实习证明范文(5篇)
2014/09/18 职场文书
2016猴年春节问候语
2015/11/11 职场文书
调研报告的主要写法
2019/04/18 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
解析Java中的static关键字
2021/06/14 Java/Android
PyMongo 查询数据的实现
2021/06/28 Python
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫