问答详情
源自:1-6 DOM对象转化成jQuery对象

为什么我的文字显示出来没有变成红色呢?

<!DOCTYPE html>

<html>


<head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="http://code.jquery.com/jquery-1.11.3.js"></script>

</head>


<body>

<div>元素一</div>

<div>元素二</div>

<div>元素三</div>


    <script type="text/javascript">


    var div = document.getElementsByTagName('div'); //dom对象

            

    //将dom节点div转化为$div的jquery对象

            // $div =$(div)

            

var $first = $div.first(); //找到第一个div元素

$first.css('color', 'red'); //给第一个元素设置颜色



    </script>


</body>


</html>


提问者:Amoureux_3 2017-11-28 16:35

个回答

  • lingxan998
    2017-11-28 20:34:18
    已采纳

    将dom节点div转化为$div的jquery对象   

    var $div=$(div);

  • 慕粉205823835
    2017-11-29 16:17:45

    我也遇到了同样的问题,但我把dome对象转换成了jquery对象还是不行。代码如下,请大神指点:

    <!DOCTYPE html>

    <html>

    <head>

        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

        <title></title>

        <script src="http://code.jquery.com/jquery-1.11.3.js"></script>

    </head>

    <body>

    <div>元素一</div>

    <div>元素二</div>

    <div>元素三</div>

     <script type="text/javascript">

    var div = document.getElementsByTagName('div'); //dom对象   

        //将dom节点div转化为$div的jquery对象

               var $div =$(div);

              var $first = $div.first(); //找到第一个div元素

             $first.css('color', 'red'); //给第一个元素设置颜色

        </script>

    </body>

    </html>