代码学习:
<!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>
注意:没什么可以截图的,自己去练习,看效果,我给的代码都能运行·················