天天看点

css选择器小记

[b]兄弟选择器[/b]

兄弟元素分为2种,一种临近兄弟,一种普通兄弟。临近兄弟用+表示,普通兄弟,指定元素后面的兄弟节点 用~表示

举例说明:

alert( $("div+p").size()); //结果1
alert( $("div~p").size()); //结果4
<body>
    <div></div>   
	<p>1</p>
	<p>2</p>
	<p>3</p>
	<p>4</p>
</body>
           

[b]Class选择器[/b]

<body>
<div class="container">
    <div class="active">
        <span class="container active">col-md-1</span>
        <div>col-md-2</div>
    </div>
</div>
</body>
           

$(".container .active").html()

选择的内容是:

<span class="container active">col-md-1</span>

<div>col-md-2</div>

$(".container.active").html()

选择的内容是col-md-1