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 相关文章推荐
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
js编写简单的计时器功能
Jul 15 Javascript
js限制输入框只能输入数字(onkeyup触发)
Sep 28 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
2013/11/23 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
js实现跨域的多种方法
2015/12/25 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
Echart折线图手柄触发事件示例详解
2018/12/16 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
Vue 列表页带参数进详情页的操作(router-link)
2020/11/13 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
[07:54]DOTA2-DPC中国联赛 正赛 iG vs VG 选手采访
2021/03/11 DOTA
Sanic框架应用部署方法详解
2018/07/18 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
Python flask框架端口失效解决方案
2020/06/04 Python
Stylenanda中文站:韩国一线网络服装品牌
2016/12/22 全球购物
佳能英国官方网站:Canon UK
2017/08/08 全球购物
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
网络工程专业自荐信范文
2014/03/16 职场文书
检举信的格式及范文
2014/04/04 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
入职担保书范文
2014/05/21 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
婚前协议书标准版
2014/10/19 职场文书
出纳年终工作总结2014
2014/12/05 职场文书
关于颐和园的导游词
2015/01/30 职场文书
小学毕业感言100字
2015/07/30 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
深度学习tensorflow基础mnist
2021/04/14 Python
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
Golang 遍历二叉树
2022/04/19 Golang