怎樣才能只選中第一個<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>
2016-07-15
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');
????????
2016-12-28
0.0
2016-08-31
($('p').first()).css("border", "3px solid red");
2016-07-13
p:first
2016-07-11
$(".aaron>.aaron:first")