问答详情
源自：2-3 jQuery选择器之元素选择器

怎样才能只选中第一个<p>标签


<!DOCTYPE html>

<html>


<head>

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

    <title></title>

    <style>

    div {

        width: 100px;

        height: 90px;

        float: left;

        padding: 5px;

        margin: 5px;

        background-color: #EEEEEE;

    }

    </style>

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

</head>

<body>

    <div class="aaron">

        <p>class="aaron"</p>

        <p>选中</p>

    </div>

    <div class="aaron">

        <p>class="aaron"</p>

        <p>选中</p>

    </div>

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery选中</p>

    </div>

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery选中</p>

    </div>


    <script type="text/javascript">

    //通过原生方法处理

    //获取到所有的节点标记名为div的元素

    //给每一个div加上蓝色的边框

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

    for (var i = 0; i < divs.length; i++) {

        divs[i].style.border = "3px solid blue";

    }

    </script>

    <script type="text/javascript">

    //通过jQuery直接传入标签名p

    //标签是可以多个的，所以得到的同样也是一个合集

    $("p").css("border", "3px solid red");

    </script>

</body>


</html>


提问者：我不爱孤单_0 2016-07-11 20:41

个回答

  • weibo_时间煮雨我煮面022_0
    2016-07-15 15:47:56
    已采纳

    1.   

                 var $p = $("p");

                var p = $p.get(0);

                p.style.border = "1px solid red";

    2.    

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

                var $p = $(p);

                var $first = $p.eq(0);

                $first.css('color','red');

            


    10
  • 慕数据5775487
    2016-12-28 00:13:43

    0.0

    0
  • qq_乜许不懂_03883685
    2016-08-31 05:04:47

    ($('p').first()).css("border", "3px solid red");

    0
  • Web_young
    2016-07-13 10:15:27

    p:first

    0
  • 慕UI9384419
    2016-07-11 21:17:38

    $(".aaron>.aaron:first")

    0