这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用 jquery 很容易实现。 效果图:
在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个是用 jquery 可以做到
show you code:
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>
- jquery test
- </title>
- <script src="jquery-1.11.1.min.js">
- </script>
- </head>
- <body>
- <button style="background-color:white" value="white">
- white
- </button>
- <button style="background-color:red" value="red">
- red
- </button>
- <button style="background-color:green" value="green">
- green
- </button>
- <button style="background-color:yellow" value="yellow">
- yellow
- </button>
- <div class="show">
- </div>
- <script>
- $("button").click(function() {
- var color = this.value;
- $("body").CSS("background-color", color);
- })
- </script>
- </html>
我们先根据元素名选择我们要操作的对象:button,然后使用 click 方法找到被点击的按钮,然后在触发的事件中获取该按钮的对应的颜色值,然后通过 css()方法将该颜色值作为 background-color 的属性值传入。
来源: http://www.phperz.com/article/17/0410/275686.html