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 相关文章推荐
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
再探JavaScript作用域
Sep 24 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
vue-router实现组件间的跳转(参数传递)
Nov 07 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
May 16 Javascript
浅析java线程中断的办法
Jul 29 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
vue实现移动端H5数字键盘组件使用详解
Aug 25 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 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中$this-&amp;gt;含义分析
2009/11/29 PHP
PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
PHP文件锁定写入实例解析
2014/07/14 PHP
WordPress中缩略图的使用以及相关技巧
2015/11/24 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
对javascript继承的理解
2016/10/11 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
2017/10/16 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
python学生信息管理系统(完整版)
2020/04/05 Python
Python检查ping终端的方法
2019/01/26 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
python绘制规则网络图形实例
2019/12/09 Python
Python中有几个关键字
2020/06/04 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
英国珠宝和手表专家:Pleasance & Harper
2020/10/21 全球购物
大学生预备党员自我评价分享
2013/11/16 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
区优秀教师事迹材料
2014/02/10 职场文书
2014年科协工作总结
2014/12/09 职场文书
党员个人自我评价
2015/03/03 职场文书
公务员保密工作承诺书
2015/05/04 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
JavaScript ES6的函数拓展
2022/01/18 Javascript