Blogger Information
Blog 14
fans 0
comment 0
visits 8228
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
4月3日作业6种常用的选择器函数的使用———2018年4月7日11:00
程序员Z
Original
443 people have browsed it

1、代码

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>6种选择器函数的使用</title>
</head>
<body>
	<ul>
		<li>参考网站01<a href=""> 点击查看</a></li>
		<li>参考网站02<a href=""> 点击查看</a></li>
		<li>参考网站03<a href=""> 点击查看</a></li>
		<li>参考网站04<a href=""> 点击查看</a></li>
		<li>参考网站05<a href=""> 点击查看</a></li>
		<li>参考网站06<a href=""> 点击查看</a></li>
		<li>参考网站07<a href=""> 点击查看</a></li>
		<li>参考网站08<a href=""> 点击查看</a></li>	
	</ul>
</body>
</html>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">

	//1.get():将jquery对象转为DOM对象
	$('li').get(3).style.color = 'red'

	//2.eq():获取指定序号的元素
	$('li').eq(4).css('color','red')

	//3.first():返回第一个元素
	$('li').first().css('color','red')

	//4.last():返回最后一个元素
	$('li').last().css('color','red')

	//5.toArray(),返回DOM数组
	var li = $('li').toArray()
	for(var i=0; i<li.length; i++){
	li[i].style.color = 'green'
	}

	//6.find():返回所有的后代元素
	$('ul').find('li').css('color','coral')
	$('ul').find('a').css('color','cyan')

运行实例 »

点击 "运行实例" 按钮查看在线实例

2、常用的几种JS选择器函数,get():将jquery对象转为DOM对象;eq():获取指定序号的元素;first():返回第一个元素;last():返回最后一个元素;toArray(),返回DOM数组;find():返回所有的后代元素


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post