在jquery中 ， 可以使用bind()方法可以给img标签绑定onclick事件 ， 通过locataion.href实现页面的跳转 。 下面小编举例讲解jquery怎么在图片添加onclick属性进行页面跳转 。 【jquery怎么在图片添加onclick属性进行页面跳转】
文章插图
需要这些哦
html+jquery
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery怎么在图片添加onclick属性进行页面跳转 。
文章插图
2在test.html文件内,在p标签内 ， 利用img标签建立一张图片 。
文章插图
3在test.html文件内,给img标签添加一个id属性 ， 属性值为myimg 。
文章插图
4在test.html文件内 ， 建立一个button按钮 ， 给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行addclick()函数 。
文章插图
5在js标签内 ， 建立addclick()函数 ， 在函数内 ， 经由过程id获得img对象 ， 利用bind()方式给img对象绑定click事务 ， 当图片被点击时 ， 利用location.href实现页面的跳转 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 点击图片 ， 查看实现的结果
文章插图
总结：11、利用bind()方式可以给img标签绑定onclick事务 。
2、利用locataion.href实现页面的跳转 。
注重事项在jquery中 ， 利用bind()方式添加的onclick点击事务 ， 英文拼写为“click” 。
以上内容就是jquery怎么在图片添加onclick属性进行页面跳转的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 德国情况怎么样了？
- 关于缅怀先烈的手抄报 关于缅怀先烈的手抄报
- 小猫简笔画怎么画
- 忆江南描写了什么的美丽景色 忆江南描写了怎么样的景象
- 淘宝购物怎么申请退货
- 抖音上的背景音乐里面的纯原创歌曲怎么在线下载
- 乌贼怎么折 乌贼的简单折法
- SD卡无法格式化怎么办的解决方法
- 电脑版百度网盘怎么分享文件
- iphone手机怎么复制粘贴