jquery怎么在图片添加onclick属性进行页面跳转

在jquery中,可以使用bind()方法可以给img标签绑定onclick事件,通过locataion.href实现页面的跳转。下面小编举例讲解jquery怎么在图片添加onclick属性进行页面跳转。

东西/原料

  • html+jquery
  • 代码编纂器:zend studio 10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery怎么在图片添加onclick属性进行页面跳转。

  2. 2

    在test.html文件内,在p标签内,利用img标签建立一张图片。

  3. 3

    在test.html文件内,给img标签添加一个id属性,属性值为myimg。

  4. 4

    在test.html文件内,建立一个button按钮,给button绑定onclick点击事务,当按钮被点击时,执行addclick()函数。

  5. 5

    在js标签内,建立addclick()函数,在函数内,经由过程id获得img对象,利用bind()方式给img对象绑定click事务,当图片被点击时,利用location.href实现页面的跳转。

  6. 6

    在浏览器打开test.html文件,点击按钮,点击图片,查看实现的结果

    END

总结:

  1. 1

    1、利用bind()方式可以给img标签绑定onclick事务。
    2、利用locataion.href实现页面的跳转。

    END

注重事项

  • 在jquery中,利用bind()方式添加的onclick点击事务,英文拼写为“click”。
  • 发表于 2020-03-21 19:00
  • 阅读 ( 1298 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具