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>
上一篇: div中文字内容溢出常见的解决方法
下一篇: jquery实现搜索框常见效果的方法教程