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 相关文章推荐
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
TreeView 用法(有代码)(asp.net)
Jul 15 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 Javascript
node中的密码安全(加密)
Sep 17 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编程实现获取excel文档内容的代码实例
2011/06/28 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
xcode中获取js文件的路径方法(推荐)
2016/11/05 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
python Django模板的使用方法
2016/01/14 Python
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
python的中异常处理机制
2018/08/30 Python
Python按钮的响应事件详解
2019/03/04 Python
keras .h5转移动端的.tflite文件实现方式
2020/05/25 Python
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
入党积极分子自我鉴定范文
2014/03/25 职场文书
机械专业求职信
2014/05/25 职场文书
节约用水标语
2014/06/11 职场文书
百日安全生产活动总结
2014/07/05 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
2014年环保工作总结
2014/11/26 职场文书
放射科岗位职责
2015/02/14 职场文书
同学毕业留言寄语
2015/02/27 职场文书
2015年新农合工作总结
2015/03/30 职场文书
公司车队管理制度
2015/08/04 职场文书
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js
python 使用pandas读取csv文件的方法
2022/12/24 Python