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

这样子不行吗?

<!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 = $('div'); //jQuery对象

   div=$div.get(0);//? div = ?

div.css("color","red"); //操作dom对象的属性

    </script>   

</body>

</html>


提问者:旅sir 2017-06-25 00:39

个回答

  • qq_鄧酀鎔_0
    2018-08-01 16:20:17

    把div.css("color","red");改成 $(div).css("color","red")

  • qq_淡淡__0
    2017-08-08 14:57:26

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

        var $div = $('div'); //jQuery对象
            var div = $div.get(0);//转换成dom对象
            div.style.color = 'red'; //操作dom对象的属性


    你那div.css是jquery的用法,不能用在js里的dom对象里

  • 慕婉清3825589
    2017-07-13 09:51:34

    dom对象只能使用JS的属性和方法。你对DOM对象使用JQ肯定不行

  • 我要SSR
    2017-06-29 15:19:30

    div=$div.get(0);  //你这里又把jquery对象转换成dom对象,所以后面不能用jquery方法

  • FrontEndBird
    2017-06-29 10:58:33

    你这掉的是dom对象

  • botao555
    2017-06-27 10:51:40

    $div.get(0);获取到的是dom对象,不是jQuery对象,所以不能用jQuery的css方法。

    你可以把dom对象再包装成jQuery对象:

    <script type="text/javascript">
       var $div = $('div'); //jQuery对象
       div=$($div.get(0)); //? div = ?
       div.css("color","red"); //操作dom对象的属性
    </script>


  • 堕落L
    2017-06-25 17:20:16

    <script type="text/javascript">

        var $div = $('div'); //jQuery对象

        div=$div.get(0);//? div = ?

        div.style.color="red"; //操作dom对象的属性

    </script>


  • 堕落L
    2017-06-25 11:04:17

    你用dom对象使用jq方法肯定不行