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 相关文章推荐
input 和 textarea 输入框最大文字限制的jquery插件
Oct 27 Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
javascript包装对象实例分析
Mar 27 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
jQuery表单设置值的方法
Jun 30 jQuery
Vue+Flask实现简单的登录验证跳转的示例代码
Jan 13 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
vue滚动固定顶部及修改样式的实例代码
May 30 Javascript
javascript防抖函数debounce详解
Jun 11 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
Jun 02 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
纯PHP生成的一个树叶图片画图例子
2014/04/16 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
jquery实现网站超链接和图片提示效果
2013/03/21 Javascript
node.js入门教程
2014/06/01 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
详解jQuery设置内容和属性
2019/04/11 jQuery
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
[07:20]2018DOTA2国际邀请赛寻真——逐梦Mineski
2018/08/10 DOTA
Python遍历pandas数据方法总结
2018/02/09 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
python实现大学人员管理系统
2019/10/25 Python
python实现飞机大战小游戏
2019/11/08 Python
python实现字符串和数字拼接
2020/03/02 Python
Java Spring项目国际化(i18n)详细方法与实例
2020/03/20 Python
什么是python的函数体
2020/06/19 Python
深入了解NumPy 高级索引
2020/07/24 Python
HTML5 manifest离线缓存的示例代码
2018/08/08 HTML / CSS
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
党员的自我评价范文
2014/01/02 职场文书
自我鉴定注意事项
2014/01/19 职场文书
2014新年寄语
2014/01/20 职场文书
刘胡兰的英雄事迹材料
2014/02/11 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
采购部长岗位职责
2014/06/13 职场文书
启动仪式策划方案
2014/06/14 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
公民代理授权委托书
2014/09/24 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
Python+tkinter实现高清图片保存
2022/03/13 Python