Nearth===>WEB前端--第21课/JQuery/链式编程2（链式编程的小案列）-CSDN博客

本文链接：https://blog.csdn.net/ly1716/article/details/103056271

代码学习：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
		<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <style type="text/css">
	    	
	    </style>
		<script type="text/javascript">
			//要求：获取列表中的每个li,当鼠标进入后,当前的li 有高亮显示,点击的时候可以让当前被点击的
			//li 字体变大,字体的颜色改变,改变字体
			$(function(){
				/* $("#u>li").mouseover(function(){
					$(this).css("backgroundColor","red").siblings("li").css("backgroundColor","yellow");
				}); */
				$("#u>li").mouseover(function(){
					$(this).css("backgroundColor","red").siblings("li").css("backgroundColor","");
				}).click(function(){
					$(this).css("fontSize","50px").css("color","green").css("fontFamily","全新隐笔行简书");
				});
			});
		</script>
	</head>
	<body>
		<h1>链式编程练习1</h1>
		<hr >
		<ul id="u">
			<li>第一个人物</li>
			<li>第二个人物</li>
			<li>第三个人物</li>
			<li>第四个人物</li>
			<li>第五个人物</li>
		</ul>
	</body>
</html>

注意：没什么可以截图的，自己去练习，看效果，我给的代码都能运行·················