1. 程式人生 > >python學習day——17

python學習day——17

http type屬性 col html file 第一個 text dom對象 jquer

jQuery(一個集成了DOM、BOM、JavaScript的類庫)

一、查找元素

jQuery選擇器and篩選器:http://jquery.cuishifeng.cn/

1. id	$(‘#i1‘) //獲取id="i1"的jQuery對象

2. class	//尋找class=c1的所有標簽
	<div class=‘c1‘></div>
	$(".c1")	
	
3. 標簽		//在子子孫孫中尋找<a>標簽
	<div id=‘i10‘ class=‘c1‘>
		<a>f</a>
		<a>f</a>
	</div>
	<div class=‘c1‘>
		<a>f</a>
	</div>
	<div class=‘c1‘>
		<div class=‘c2‘> </div>
	</div>
				
	$(‘a‘)
				
4. 組合
	<div id=‘i10‘ class=‘c1‘>
		<a>f</a>
		<a>f</a>
	</div>
	<div class=‘c1‘>
		<a>f</a>
	</div>
	<div class=‘c1‘>
		<div class=‘c2‘> </div>
	</div>
				
	$(‘a‘)
	$(‘.c2‘)
	$(‘a,.c2,#i10‘)	//在子子孫孫中尋找<a>標簽和id="i10"和class=c2的標簽
				
5. 層級
	$(‘#i10 a‘) //在子子孫孫中尋找id="i10"和<a>標簽
	$(‘#i10>a‘) //尋找在id="i10"下的<a>標簽
				
6. 基本
	:first	//將jQuery對象中的第一個元素(DOM對象)取出來
	:last  //用法:$(‘id=i1:last‘)  找出來id=i1的最後一個(dom)值
	:eq()	//從0開始的  
7. 屬性
	$(‘[alex]‘)       具有alex屬性的所有標簽
	$(‘[alex="123"]‘) alex屬性等於123的標簽
					
	<input type=‘text‘/>
	<input type=‘text‘/>
	<input type=‘file‘/>
	<input type=‘password‘/>
				
	$("input[type=‘text‘]") 在input標簽下具有type屬性等於text的標簽
	$(‘:text‘)	

python學習day——17