且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

JQuery 文本的隐藏功能

更新时间: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>

 

使用 Microsoft 的 CDN

<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,如需转载请自行联系原作者