zoukankan html css js c++ java

jQuery学习（页面加载和 dom与jquery对象的相互转换）

1：页面加载的几种写法 $(function(){}), jQuery(function(){}), $(document).ready(function(){}), $().ready(function(){})　　

 $(document).ready(function () {
            console.log("ready 所有的内容加载完触发")
        });

        $().ready(function () {
            console.log("22222 所有的内容加载完触发")
        })


        jQuery(function () {
            console.log("3333 所有的内容加载完触发")
        });

        $(function () {
            console.log("匿名 所有的内容加载完触发")

        })

2.Dom对象与 jQuery对象的相互转换

           //此时的obj就是Dom对象
            var obj = document.getElementById("d1");

            //转换为JQuery对象    格式：$(需要转换的对象）
            var $obj = $(obj);


            //Jquery对象转Dom对象    格式: jQuery对象.get(0) 或者 JQuery对象.[0]

            var obj =$obj[0];  //方式1
            var obj = $obj.get(0); //方式2

3.小案例：网页的开关灯....

<script>
        $(function () {
            $("#bt").click(function () {
                if($(this).val() == '开灯'){
                    $('body').css("backgroundColor","black");
                    $(this).val("关灯");
                }else{
                    $('body').css("backgroundColor","");
                    $(this).val("开灯");
                }
            });
        })


    </script>
</head>
<body>
    <input type="button" value="开灯" id="bt"/>
</body>

坚持

查看全文

相关阅读:
按钮，文本框
 d01
第一天，对于课程和工作的了解
 javaweb概念性知识
 Jdbc概念性知识
 连接数据库,和数据增删改
 oracle基础概念性知识
 面向对象java知识汇总题
 javaweb
date日期

原文地址：https://www.cnblogs.com/gaoSJ/p/12742351.html

jQuery学习 （页面加载 和 dom与jquery对象的相互转换）

jQuery学习（页面加载和 dom与jquery对象的相互转换）