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 验证日期的函数
Mar 18 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
Mar 02 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
js实现微信分享代码
Oct 11 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
Sep 14 Javascript
JavaScript数组的5种迭代方法
Sep 29 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
JS加载解析Markdown文档过程详解
May 19 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
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 set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
ThinkPHP3.1.3版本新特性概述
2014/06/19 PHP
php判断邮箱地址是否存在的方法
2016/02/13 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
Array, Array Constructor, for in loop, typeof, instanceOf
2011/09/13 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
websocket+node.js实现实时聊天系统问题咨询
2017/05/17 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
Python实现二分法算法实例
2015/02/02 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
python ftp 按目录结构上传下载的实现代码
2018/09/12 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
Python用字典构建多级菜单功能
2019/07/11 Python
python字典的遍历3种方法详解
2019/08/10 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
python爬虫今日热榜数据到txt文件的源码
2021/02/23 Python
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
金山毒霸系列的笔试题
2013/04/13 面试题
应届生妇产科护士求职信
2013/10/27 职场文书
小学少先队活动方案
2014/02/18 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
工作所在部门证明
2014/09/21 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
儿子满月酒致辞
2015/07/29 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
java基础——多线程
2021/07/03 Java/Android
Python Matplotlib库实现画局部图
2021/11/17 Python