Jquery 一 简单使用

1.引用：<script language="javascript" type="text/javascript" src="Jscript/jquery-1.4.2.min.js"></script>

2.页面加载，弹出框

    <script type="text/javascript">

           $(document).ready(function(){

              alert("HI,在火，www.atfire.cn");           

           })

    </script>

3.修改同级 和儿子的属性

    <script type="text/javascript">

         $(function(){

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

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

          });

         });

    </script>

4.获取对象的值

    <script type="text/javascript">

         $(function(){

           $("#btnSubmit").click(function(){    //根据id获取对象

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

             var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值

             var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//获取复选框按钮值

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

           })         

         })

    </script>

5. 点击切换样式

     $(function(){

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

            $(this).toggleClass("divClick").html("点击后的样式");  //toggleClass还可以加参数 toggleClass("divClick",bool)

          });

         });