更新时间:2022-09-17 09:33:48
一、注意:添加jquery-1.7.1.js和jquery-1.7.1.min.js两个文件
<html> <head> <script type= "text/javascript" src= "jquery-1.7.1.js" ></script>
<script type= "text/javascript" src= "jquery-1.7.1.min.js" ></script>
<script type= "text/javascript" >
$(document).ready(function() {
$( "p" ).click(
function(){
$( this ).hide();
}
)
});
</script> <script type= "text/javascript" >
$(document).ready(function(){ $( "button" ).click(function(){
$( "p" ).hide();
}); }); </script> </head> <body> <p>If you click on me, I will dispperar</p>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type= "button" >Click me</button>
</body> </html> |
单击“If you click on me, I will dispperar” ,则此文本隐藏
单击“Click me”, 所有文本隐藏
如果要显示,在调用show方法。如$("p").show();
二、使用google的网上CDN, 此时就不用把js下载到本地了。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.7.1.min.js"></script>
本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/archive/2012/01/01/2309560.html,如需转载请自行联系原作者