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渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
jquery 使用简明教程
Mar 05 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
Aug 11 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
Nov 06 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
js根据后缀判断文件文件类型的代码
May 09 Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 Javascript
js实现3D旋转效果
Aug 18 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 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
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
PHP中PDO的错误处理
2011/09/04 PHP
PHP的autoload机制的实现解析
2012/09/15 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
thinkPHP5框架导出Excel文件简单操作示例
2018/08/03 PHP
php + ajax 实现的写入数据库操作简单示例
2020/05/16 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
学习ExtJS Column布局
2009/10/08 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
JS 实现随机验证码功能
2017/02/15 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
关于angular浏览器兼容性问题的解决方案
2020/07/26 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
python定时器使用示例分享
2014/02/16 Python
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
python 中split 和 strip的实例详解
2017/07/12 Python
Python标准模块--ContextManager上下文管理器的具体用法
2017/11/27 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
python中必要的名词解释
2019/11/20 Python
Delphi软件工程师试题
2013/01/29 面试题
班级文化建设标语
2014/06/23 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
2014年工商所工作总结
2014/12/09 职场文书
房贷工资证明范本
2015/06/12 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL