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与CSS写在同一个文件里的书写方法
Jun 02 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
微信小程序定义和调用全局变量globalData的实现
Nov 01 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 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
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
使用jQuery操作HTML的table表格的实例解析
2016/03/13 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
Javascript的比较汇总
2016/07/25 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
javascript如何用递归写一个简单的树形结构示例
2017/09/06 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
使用proxy实现一个更优雅的vue【推荐】
2018/06/19 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
python类装饰器用法实例
2015/06/04 Python
python属于哪种语言
2020/08/16 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
JAVA高级程序员面试题
2013/09/06 面试题
大学毕业的自我鉴定
2013/10/08 职场文书
股份合作协议书
2014/04/12 职场文书
秘书英文求职信
2014/04/16 职场文书
公司委托书格式
2014/08/01 职场文书
乡党委干部党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL