老师,直接这么写实现不了效果啊

老师,直接这么写实现不了效果啊

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <p>慕道威仪立善缘</p>

    <p>课童更渫墙西井</p>

    <p>网罗文献吾倦矣</p>

    <p>恭请光尧寿圣来</p>

    <p>祝教寿比天难尽</p>

    <p>学画鸦儿犹未就</p>

    <p>习气若为除未尽</p>

    <p>愉贵神兮般以乐</p>

    <p>快风凉雨火云摧</p>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script>

    $(document).ready(function() {

       //此处填写代码

       $('p:nth-of-type(2n)')


       .css({'color':'red'});


       $('p:nth-of-type(2n+1)')


       .css({'color':'green'});//此处填写代码

    });

    });

    </script>

</body>

</html>

我看别人笔记和提问里这么写的,不行啊。

因为不是这么获取到的是两个数组吗,我是写的两个遍历然后设置的样式,最简便的方法是什么呢

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,1. 代码中多写了一个'})', 导致代码报错, 建议删除掉多余的‘})’

http://img1.sycdn.imooc.com//climg/5c9446ca0001511e02430095.jpg

2. 请问同学想问的是为什么获取到的对象不用遍历就可以设置样式了吗? 那么 jQuery是封装的js函数库,直接使用jQuery的css方法就可以为选择的所有DOM对象设置样式。若不是指这里的话,同学可以提供你的源码,详细的描述下具体是哪里哦,便于老师准确的定位与解决问题。

同学如果帮助到了你, 欢迎采纳

祝学习愉快~~~

  • 饥饿的坏孩子 提问者 #1
    多写的那个是我粘贴过来粘贴多了,去掉之后也不能实现啊
    2019-03-22 11:04:35
  • 这可能是同学在测试的时候,刚好遇到引入jQuery文件的CDN出了一些问题,官网(https://www.bootcdn.cn/)已公布:已于今天下午 3 点恢复,同学可以在尝试测试一遍。 一般情况下,我们在本地做测试开发的时候,会将jQuery文件下载到本地使用,建议同学可以尝试,下载jQuery本地,测试一下代码的实现效果 如果还有疑问可以在问答区提问,老师会给你一个合适的解决方案的
    2019-03-22 17:52:28
  • 好的,谢谢老师
    2019-03-23 10:39:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师