<html>
<head>
<style>
img {
display: none
width: 100px
height: 100px
}
input:checked + img {
display: block
}
input {
position: absolute
left: -9999px
}
label {
cursor: pointer
}
</style>
</head>
<body>
<div id="cont">
<input id="img1" name="img" type="radio" checked="checked">
<img src="a.png">
<input id="img2" name="img" type="radio">
<img src="b.png">
</div>
<div id="nav">
<label for="img1">第一张</label>
<label for="img2">第二张</label>
</div>
</body>
</html>
可以这样写，但是不能支持所有浏览器。
如果想支持所有浏览器，就需要使用js了。
不行的，因为
JQuery是一种JavaScript框架
Javascript 是一种脚本语言
Javascript >JQuery
而且，做前端的哪有只接触一种JavaScript框架框架的，一个优秀的前端需要掌握很多js框架，并且把JavaScript玩的比较高深的地步才行
JQuery只是一个人用javascript把JS里面的常用函数及自定义函数打包到一个文件而异，方便大家调用，只是这个人做的比较牛，这个函数包用着很方便，所以很多人都用，就记住了这个名字JQuery，相比大家做网站时都会专门有一个js文件，存放这个网站所调用的JS函数，那这个JQuery只是做的更专业，更牛B，更强大，更方便而异，你原来可能要几行代码来实现的功能，用JQuery可能只用一行就搞定了。
相关资料：
js，即JavaScript在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型
jQueryjQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)
其实只要学好了javascript，使用jquery将不会有什么问题
新手程序员必须花时间重点学习一下javascript；
至于jQuery可以直接在使用时参考jQuery参考文档，不需花太多时间在上面，当然如果读者时间充裕，也可以学习下jQuery源码，一边更好的了解jquery实现原理
