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

为什么用按钮调用函数的方法没有反应?

<head>

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

    <title>SetTimeout</title>

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

    <script type="text/javascript">

        $(document).ready(function fun() {

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

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

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

            var div = document.getElementsByTagName('div');

            var $div = $(div);

            var $first = $div.first();

            $first.css = ('color', 'blue');

        });

    </script>

</head>


<body >

<div id ="id">javascript

    <p>javascript</p><div id="di">jQuery</div><h5>PHP</h5></div>

    <input value="button" type="button" onclick="fun()" />

    <div>元素一</div>

<div>元素二</div>

<div>元素三</div>


</body>


提问者:慕勒300643 2018-11-17 17:11

个回答

  • weixin_慕先生4223703
    2018-12-05 15:33:16

    css 是一个函数,它需要参数

  • 慕勒300643
    2018-11-19 09:44:36

    谢谢你!!我发现问题就出在$first.css = ('color', 'blue')这里,这里不能用等号。好像和src没有太大关系,我也不太懂两个src有什么区别。。

  • 慕粉7259351
    2018-11-17 21:49:23

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

    的src改成https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js

    再把 $first.css = ('color', 'blue');

    改成 $first.css('color', 'blue');

    就可以了

    而且$(document).ready(function(){})的作用是在页面加载完以后就运行函数,不需要再加一个onclick来运行函数