建站百科

NEWS

如何通过jquery实现点击按钮更换图片效果

2023/3/10 11:13:01 阅读()



  jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

那我们如何通过jq实现点击按钮更换图片效果呢?

jq代码

$(function(){
$("#btn1").click(function(){
$("image").attr("src","image/01.jpg")
})
$("#btn2").click(function(){
$("image").attr("src","image/02.jpg")
})
$("#btn3").click(function(){
$("image").attr("src","image/03.jpg")
})
});


  以上就是通过jq实现点击按钮更换图片效果的内容。更多网站建设小知识请关注青岛诚企建站http://www.city86.com/网站来查看交流。官网地址:http://www.city86.com

本文地址:http://www.city86.com/news_view_540/

    服务热线

    24小时咨询:

    15054251826

    业务咨询:

    15966820013(微信同号)

    官方微信

    关注公众号

    扫一扫加微信

    Copyright © 2011-2023 图韵网络 鲁ICP备13019265号-7
    青岛诚企网络专业企业网站建设-企业快速建站-成品网站制作-网站定制-网站设计-专业网站建设公司.

    在线客服

    Online Service

    在线咨询

    电话沟通

    微信扫码咨询