JQuery选择器绑定事件及修改内容的方法
更新时间：2015年01月23日 09:55:56 投稿：shichen2014
这篇文章主要介绍了JQuery选择器绑定事件及修改内容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以参考下
本文实例讲述了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,jb51!" />
<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, jb51!"); });
</script>
</body>
</html>
更多关于jquery选择器相关内容感兴趣的读者可查看本站专题：《jquery选择器用法总结》
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
json 是 Ajax 中使用频率最高的数据格式，在浏览器和服务器中之间的通讯可离不开它2011-12-12
这篇文章主要介绍了jQuery pager.js 插件动态分页功能,结合具体实例形式分析了pager.js 插件的定义及使用插件进行分页操作相关实现技巧,需要的朋友可以参考下2019-08-08
jquery checkbox,radio是否选中的判断代码
jquery checkbox,radio是否选中的判断代码,需要的朋友可以参考下。2010-03-03
jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作.2010-07-07
jquery获取table指定行和列的数据方法(当前选中行、列)
下面小编就为大家带来一篇jquery获取table指定行和列的数据方法(当前选中行、列)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要为大家详细介绍了基于jquery自定义显示消息数量，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章主要介绍了jQuery noConflict() 方法用法,结合实例形式分析了jQuery noConflict() 方法基本功能、用法及操作注意事项,需要的朋友可以参考下2020-05-05
实现登录的方法有很多，这里为大家介绍下实现回车提交表单，具体如下，感兴趣的朋友可以参考下2013-08-08
jquery json数据获取代码。2009-04-04
在前端页面开发中,我们有时候希望能自定执行一些人性化操作,比如鼠标不用点击自动就能点击等操作,利用传统的js语言需要编写复杂的代码才能实现此功能,这时候我们使用jquery的trigger()方法就能轻松实现。本文就给大家详细介绍了关于jQuery中值得注意的trigger方法。2016-12-12
最新评论