网站建设技术干货之JQuery实现双重控制

前端框架jQuery相比javaScript而言，不管从学习上、应用上都比较容易上手，其特点是写的更少，做的更多。jQuery是JavaScript的框架库，其所有操作都封闭在一个总函数（$();）中，这样操作就简单了。下面的案例实现网页元素的自我控制和控制别的对象元素，共两个控制，简称双重控制。案例说明：第一个效果是点击哪个超链接按钮时，哪个超链接背景色变成深灰色，文字变成白色，实现自我控制；第二个效果是当点击“显示”超链接时，显示下面的企鹅图片，当点击“隐藏”超链接时，隐藏下面的企鹅图片，实现控制别的对象。具体看下图：

网页结构代码如下：

CSS样式代码如下：

jQuery代码如下：