python学习day——17

Posted 2020-10-12

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‘)