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); //显示提示文本元素

           })         

         })