欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery选择器绑定事件及修改内容的方法教程

程序员文章站 2023-03-29 14:30:02
本文实例讲述了jquery选择器绑定事件及修改内容的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:

本文实例讲述了jquery选择器绑定事件及修改内容的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:


<html xmlns="https://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>
<p id="pmsg">hello world!</p>
<input id="btnshow" type="button" value="显示" />
<input id="btnhide" type="button" value="隐藏" /><br />
<input id="btnchange" type="button" value="修改内容为hello world,cnblogs!" />
<script type="text/javascript" >
$("#btnshow").bind("click", function(event) { $("#pmsg").show();});
$("#btnhide").bind("click", function(event) { $("#pmsg").hide();});
$("#btnchange").bind("click", function(event){ $("#pmsg").html("hello world, cnblogs!"); });
</script>
</body>
</html>