这样子不行吗?

来源:1-5 jQuery对象转化成DOM对象

旅sir

2017-06-25 00:39

<!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>


写回答 关注

8回答

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

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

    IT贫困户 回复qq_鄧酀鎔...

    你改成 $(div).css("color","red")就全变红了,jquery对象是个类数组。获取下标div.eq(0).css('color','red');

    2020-05-13 15:15:44

    共 2 条回复 >

  • 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方法肯定不行

    旅sir

    那要怎么改?

    2017-06-25 11:42:06

    共 1 条回复 >

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题