淘先锋技术网

首页 1 2 3 4 5 6 7

JQuery是一个非常流行的JavaScript库,它可以轻松地操纵HTML文档、事件、动画和许多其他的任务。它可以让我们轻松地添加交互性和动态效果到我们的网站中。下面是一段使用JQuery点击图片的代码:


$(document).ready(function() {
  $("img").click(function() {  // 选择所有的图片,为它们添加一个点击事件
    $(this).addClass("selected");  // 为当前的图片添加一个类名"selected"
  });
});

jquery点击图片的写法

上面的代码会在文档加载完成后往所有图片上添加一个点击事件,当图片被点击时,会给图片添加一个类名"selected"。同时我们也可以添加其他的效果,比如说:


$(document).ready(function() {
  $("img").click(function() {
    $(this).toggleClass("selected");  // 使用toggleClass()函数来添加或删除类名
    $("p").toggle();  // 让所有的p标签显示或隐藏
  });
});

上面的代码会在图片被点击时使用toggleClass()函数来添加或删除类名,这将改变图片的样式。还同时使用了toggle()函数来让所有的p标签显示或隐藏,这样我们就可以在图片被点击时动态地展示或隐藏一些文本。

总之,使用JQuery可以帮助我们轻松地为网站添加更多的动态效果和交互性。希望大家能够学习并掌握这个实用的工具!