English | 正體中文 | 简体中文
jQuery是一个程式很小、执行速度快又容易上手的javascript函式库, 许多网站开发者会使用jQuery来简化他们的工作

以下是个简单的jQuery范例:

范例 (显示或隐藏元素)
This sentence will be invisible when you click this is the second sentence.

范例程式码Expand
<!-- HTML -->
<span id="example1">This sentence will be invisible when you click </span>
<button type="button" id="btn1">Hide</button> this is the second sentence.


<!-- Javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
    $("#btn1").click(function(){
        if($("#example1").is(":visible")){
            $("#example1").hide();
        }else{
            $("#example1").show();
        }

        $("#example1").is(":visible") ? $("#btn1").html("Hide") : $("#btn1").html("Show");
    });
});
</script>
在线测试程序


© 2012 PureExample.com contact