JQuery學習筆記 (1)

1). $(document).ready

$(document).ready(function(){

            alert("您好,歡迎來到jQuery世界");           

        })

        $(function () {

            alert("您好,歡迎來到jQuery世界"); 

        });

 

2). toggleClass, slideToggle

$(function () {

            $(".divTitle").click(function () {

                //$(this).addClass("divCurrColor").next(".divContent").css("display","block");

                $(this).toggleClass("divCurrColor").next(".divContent").slideToggle("normal");

            });

        });

 

3). css, html

$(function(){

           $("#btnSubmit").click(function(){

             var oTxtValue=$("#Text1").val(); //擷取文字框的值

             var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //擷取單選框按鈕值

             var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//擷取複選框按鈕值

             $("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue); //顯示提示文本元素

           })         

         })