jQuery如何通过点击按钮实现图片的切换，和超链接地址的跳转？

点击一张图片更换为另一张图片：

<!-- jquery引入到这个jsp里面 --><script type="text/javascript" src="js/jquery-1.12.4.js"></script><!-- 我们的jquery代码 --><script type="text/javascript">$(function(){$("img").click(function(){//prop方法是设置属性$("img").prop("src","${pageContext.request.contextPath }/img/2.jpg");});});</script></head><body><!-- ${pageContext.request.contextPath } 是使用二楼表达式获取当前项目名--><img src="${pageContext.request.contextPath }/img/1.jpg" /></body>
</html>

jquery使用button按钮实现页面跳转程序如下：

 <!-- jquery引入到这个jsp里面 --><script type="text/javascript" src="js/jquery-1.12.4.js"></script><!-- 我们的jquery代码 --><script type="text/javascript">//等页面加载完毕$(function(){//选择到value='点我'的input标签，给这个元素添加click事件$("input[value=点我]").click(function(){/*$("a").html("新浪");$("a").prop("href","http://www.sina.com");*///链式写法$("a").html("新浪").prop("href","http://www.sina.com");});});</script></head><body><a href="http://www.baidu.com">百度</a><input type="button" value="点我"/><input type="text"/></body>
</html>

jQuery如何通过点击按钮实现图片的切换，和超链接地址的跳转？相关推荐

tkinter点击按钮实现图片的切换
tkinter是python的标准Tk GUI工具包的接口,在windows下如果你安装的python3,那在安装python的时候,就已经自动安装了tkinter了如果是在linux系统中,则不会 ...
php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多，不刷新页面加载更多数据！附：可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...
Viewer.js点击按钮放大图片用法
1.Viewer.js点击按钮放大图片用法 <div onclick="getHideBig('hide_img_weight1')" id="btn_img_we ...
ImageButton点击按钮改变图片
一.ImageButton点击按钮改变图片 **************************ImageButton点击按钮改变图片有两种写法*************************** ...
html点按钮展开图片,案例：点击按钮隐藏图片再次点击显示图片
要求如题,本宝宝的代码如下: Document .hide{ display: none; } 隐藏图片 function fn(){ var img=document.getElementById( ...
Tkinter(二) ｜点击按钮显示图片
解决办法: 出现的问题 from tkinter import * from PIL import Image, ImageTkroot = Tk() root.title('按钮点击加载图片') d ...
java点击按钮隐藏图片6_原生JS实现隐藏显示图片 JS实现点击切换图片效果
今天要说的内容,看标题就都能知道了!所有知识点一览无遗啊!咱们今天的东西,是纯纯的原生JS代码, 我先说一下要求: 1.有两个按钮,内容为显示,和换, 2.当点击显示的时候,按钮文字变成隐藏,同时图片 ...
js 点击按钮或者图片，实现图片上传以及将图片显示在页面上
点击图片本身,实现图片上传: 1.html页面 <div class="card">// 用于接受上传的图片<img src="img.jpg&quo ...
js 点击按钮或者图片，实现图片上传并显示在页面上
点击图片本身,实现图片上传: <div class="card">// 用于接受上传的图片<img src="img.jpg" alt=&qu ...

jQuery如何通过点击按钮实现图片的切换，和超链接地址的跳转？

jQuery如何通过点击按钮实现图片的切换，和超链接地址的跳转？相关推荐

最新文章

热门文章