jQuer问题求助

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src="html/jquery/jquery-2.1.1.min.js"></script>

</head>

<body>

    <p class="text">a</p>

    <p class="text">a</p>

    <p class="text">a</p>

    <p class="text">a</p>

</body>

<script>

    var texts = $('.text')

    texts.each(function(index,element) {

        this.css('color','red')

    })

</script>

</html>

为什么这段代码会出现Uncaught TypeError: this.css is not a function 这是什么情况啊?

尚方宝剑之说
浏览 478回答 1
1回答

慕少森

each当中的this并不是jQuery对象,而是原生的DOM,所以没法调用css方法var&nbsp;texts&nbsp;=&nbsp;$('.text') texts.each(function(index,element)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$(this).css('color','red') });jQuery存在隐式迭代的功能,这样写即可改写全部的样式var&nbsp;texts&nbsp;=&nbsp;$('.text') texts.css('color','red');
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript