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 相关文章推荐
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
一步一步制作jquery插件Tabs实现过程
Jul 06 Javascript
jquery制作居中遮罩层效果分享
Feb 21 Javascript
JavaScript中DOM详解
Apr 13 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
详解Angular5 路由传参的3种方法
Apr 28 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
微信小程序组件传值图示过程详解
Jul 31 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
Apr 20 Javascript
vue+axios 拦截器实现统一token的案例
Sep 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
Syphon 秘笈
2021/03/03 冲泡冲煮
php判断并删除空目录及空子目录的方法
2015/02/11 PHP
php微信开发之上传临时素材
2016/06/24 PHP
Yii2增删改查之查询 where参数详细介绍
2016/08/08 PHP
ThinkPHP删除栏目(实现批量删除栏目)
2017/06/21 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
如何调试异步加载页面里包含的js文件
2014/10/30 Javascript
JavaScript函数详解
2014/11/17 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
2018/03/20 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
nodemon实现Typescript项目热更新的示例代码
2019/11/19 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
Python用for循环实现九九乘法表
2018/05/31 Python
Django 后台获取文件列表 InMemoryUploadedFile的例子
2019/08/07 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
python利用线程实现多任务
2020/09/18 Python
Python基于execjs运行js过程解析
2020/11/27 Python
使用Html5实现异步上传文件,支持跨域,带有上传进度条
2016/09/17 HTML / CSS
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
软件测试常见笔试题
2012/02/04 面试题
商场消防管理制度
2014/01/12 职场文书
计算机维护专业推荐信
2014/02/27 职场文书
党员教师工作决心书
2014/03/13 职场文书
环保倡议书格式范文
2014/05/14 职场文书
运动会演讲稿50字
2014/08/25 职场文书
初中教师个人总结
2015/02/10 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
pytorch中的numel函数用法说明
2021/05/13 Python