jQuery引用实现

原创 2019-05-28 16:50:10 296
摘要:<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title>jquery</title>   

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>jquery</title>

        <script type="text/javascript" src="../jquery.min.js"></script>

    </head>

    <body>

        <div id="box" style="width: 100px; height: 100px; background: pink;">11111111111</div>

    </body>

    <script type="text/javascript">

        $(document).ready(function(){

            //jquery引入成功 alert($); 显示function (e,t){return new v.fn.init(e,t,n)}

            //alert($);

            //1、jquery基本语法 $(selecter).action()

            //text 获取div中的纯文本

            alert($("#box").text());

            //html 获取div中 包括标签的文本

            alert($("#box").html());

            //内容替换

            //$("#box").html("我是一个新的文本");

        });

       

    </script>

</html>


批改老师:天蓬老师批改时间:2019-05-28 17:04:32
老师总结:jQuery的思想就是写得更少,做得更多, 事实 上也他也做到了, 以致于一些人以为,js不过如此, jquery降低了学习js的门槛, 但也掩盖了js知识的复杂性....

发布手记

热门词条