问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

jQuer问题求助

头像
dzxczx
    27933565
    <!DOCTYPE html>
<html lang="en">
<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 这是什么情况啊？
    javascriptjquery
    阅读 3.4k
    6 个回答
    得票最新
    头像
    TTFB
      8.4k31326
      ✓ 已被采纳

      each当中的this并不是jQuery对象,而是原生的DOM,所以没法调用css方法

      var texts = $('.text')
texts.each(function(index,element) {
    $(this).css('color','red')
});

      jQuery存在隐式迭代的功能,这样写即可改写全部的样式

      var texts = $('.text')
texts.css('color','red');
      头像
      brook
        3.1k4726

        jquery 的所有回调函数内 this 是dom对象，css是jquery对象才有方法
        解决办法：

        $(this).css...
        头像
        6K
          12213
          $(this).css(...)
          头像
          Tomoe
            6.2k11012

            在 each() 中的 this 指向的是 普通 dom 對象 ，並不是經過 jquery 包裝過的對象，所以你得再次包裝：

            $(this).css('color','red')
            头像
            wang0522
              113

              this是dom对象，应该用$(this).css

              头像
              yuhualingfeng
                1.7k1610

                this指向的是当前DOM元素，css方法是jquery对象才会有的,因此需要将this转化为Jquery对象$(this)

                撰写回答
                你尚未登录，登录后可以
                • 和开发者交流问题的细节
                • 关注并接收问题和回答的更新提醒
                • 参与内容的编辑和改进，让解决方法与时俱进
                推荐问题