jq怎样变背景颜色，然后字也跟着变点击别的字再变回来

ba_zhuayu 2017-05-08 08:36:49

<!doctype html>
<html>
<head>
<title>jquery test</title>
<script src="jquery-3.2.1.min.js"></script>
</head>

<body>
<button style="background-color:white" value="white">白色</button>
<button style="background-color:red" value="red">红色</button>
<button style="background-color:green" value="green">绿色</button>
<button style="background-color:yellow" value="yellow">黄色</button>
</body>
<script>
$(document).ready(function(){
$("button").click(function(){
var color = this.value;
$("body").css("background-color",color);
var s=$(this).html();
$(this).html('改变');
});
});
</script>
</html>

...全文

166 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

ba_zhuayu 2017-05-10

打赏
举报

if (upObj) upObj.html(s);这个怎么回事？ s=$(this).html(); upObj = $(this); $(this).html('改变');

天际的海浪 2017-05-08

打赏
举报


$(document).ready(function(){
    var s,upObj;
    $("button").click(function(){
	    if ($(this).html()=='改变')
	    	return; 
        var color = this.value; 
        $("body").css("background-color",color); 
        if (upObj)
	        upObj.html(s);
        s=$(this).html();
        upObj = $(this);
        $(this).html('改变');
    }); 
});

vue框架介绍框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。 vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪 vue有两大核心：数据驱动页面、组件化 vue框架学习内容 vue、vue-cli脚手架、vue-router路由、ui库、样式预处理器

个人博客文章链接：http://www.huqj.top/article?id=146 在浏览网页的时候，经常会看到这种效果：导航栏向上滚动到浏览器顶部之后就固定在顶部不再往上，而向下滚动回来的时候又跟着原来的布局下去（可以参考本博客的导航栏效果）。效果图片如下：滚动到顶端之后：实现的方式可以是通过jquery注册滚动事件，在事件中判断导航栏到顶部的距离，如果小于等于0...

本次文档是为了方使各位群友，在面试中遇到的些问题，1.2 背景此文档历经3年，基本概括了深圳与广州，上干家公司的面试问题并结合程序璃教育软件则试课程结合，编写与整理的面试文档，基本盖了，95%以上的面试问题，此文档方便学习完成以后的群友，进行知识点复习与面试指导，重点是需要群友们在复习过程中理解面试宫，您好，我叫XXX，来自于XXXX，目前从事软件测试工作，已经三年工作经验，个人性格，比较开朗，跟人关系比较好，做事也比较细心三年测试工作经验中，过了不少项目，积累不少项目经验，前面1-2年主要是功能测试，后面

VUE面试题、js面试题

跟着自学网的教程，敲的一个自学网的网页。前面有详细解释，源码在最后部分。