jQuery中的寻找标签用法 (代码)

直接上代码

• ID选择器

<h1>例子1</h1>
<h1 id='e2'>例子2</h1>

$('#e2')

• 样式选择器

<h1 class="e1">例子1</h1>
<h1 class="e2">例子2</h1>

$(".e1")

• 标签选择器

<h1 class="e1">例子1</h1>
<h2 class="e2">例子2</h2>
<h1 class="e2">例子3</h1>

$("h1")

• 层级选择器

<div class="c1">
	<a>例子1</a>
	<span>例子2</span>
</div>

$(".c1 span")

• 属性选择器

<input type="text" />
<input type="password" />

$("input[type="text"]")

找兄弟

<div>
	<span>南京</span>
	<span>北京</span>
	<span id="sh">上海</span>
	<span>天津</span>
	<span>广州</span>
</div>

$("#sh").prev().prev()
$("#sh").prev()
$("#sh")
$("#sh").next()
$("#sh").next().next()

$("#sh").siblings()  // 所有兄弟

找父子

<div>
	<div id="one">
		<span>example1</span>
		<span class="two">example2</span>
		<span class="three">example3</span>
		<span class="two">example4</span>
		<div>
			<span class="two">example44</span>
		</div>
	</div>
	<div>
		<span>example5</span>
		<span id="four">example6</span>
		<span>example7</span>
	</div>
</div>

$("#four").parent()
$("#four").parent().parent()

// 儿子中找
$("#one").children()
$("#one").children("span")
$("#one").children(".two")

// 在后代中找
$("#one").find(".two")