jQuery是一款非常流行的JavaScript库,可以帮助开发人员更轻松地操作HTML文档和DOM元素。其中一个常见的应用场景就是通过点击事件来改变边框颜色。
$(document).ready(function() { $('.box').click(function() { //选择.box类的元素,并绑定一个点击事件 $(this).css('border-color', 'red'); //让被点击的元素的边框颜色变成红色 }); });
解释代码:首先,在文档加载完成后,会执行ready()函数内部的内容。使用jQuery选择器选中所有拥有box类的元素,并绑定一个点击事件。当元素被点击时,会执行函数内部的代码,即将被点击元素的边框颜色改为红色。
简单来说,以上代码就实现了鼠标点击时边框颜色的变化效果。