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 相关文章推荐
jquery获取复选框被选中的值
Mar 22 Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
Oct 29 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
Node.js之网络通讯模块实现浅析
Apr 01 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
Dec 26 Javascript
详解Angular调试技巧之报错404(not found)
Jan 31 Javascript
vue生命周期实例小结
Aug 15 Javascript
vue中将html字符串转换成html后遇到的问题小结
Dec 10 Javascript
vue 地区选择器v-distpicker的常用功能
Jul 23 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
十大催泪虐心动漫,你能坚持看到第几部?
2020/03/04 日漫
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
PHP编写daemon process详解及实例代码
2016/09/30 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
服务器安全设置的几个注册表设置
2007/07/28 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
Vue数据双向绑定原理及简单实现方法
2018/05/18 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
解决python 执行sql语句时所传参数含有单引号的问题
2020/06/06 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
java字符串格式化输出实例讲解
2021/01/06 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
.NET方向面试题
2014/11/20 面试题
工伤赔偿协议书
2014/04/15 职场文书
社团活动总结模板
2014/06/30 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
离婚起诉书范本
2015/05/18 职场文书