jQuery 第一个例子

xiaoxiao2021-02-28  91

操作类:jQuery 提供很多操作元素所属类的方法。如果页面包含样式表,可以动态的将某元素加入一个类或者从类中删除。

下面的例子中,当鼠标进入段落时,段落被加入highlighted类,当鼠标离开段落时,段落又会从类中删除。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Altering Classes on the FLY</title> <style> p { padding: .5em; } p.highlighted { background: #666666; } </style> </head> <body> <p>Mouse Enter</p> <P>Mouse Leave</P> <script src="jquery19.js"> </script> <script type="text/javascript"> $(function () { $("p").mouseenter(function () { $(this).addClass("highlighted"); }); $("p").mouseleave(function () { $("p").removeClass("highlighted"); }); }); </script> </body> </html>

效果如下:

当鼠标进入段落时:

转载请注明原文地址: https://www.6miu.com/read-42161.html

最新回复(0)