jquery点击一个按钮,多个div背景变一种颜色,求代码!
( ".class" ).on( "click", function() { $( this ).css( "color", "red" );});
需求一个js 或者 jq 通过点击一个按钮,来改变2个div的背景颜色
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery cookie<\/title><script src="http:\/\/libs.baidu.com\/jquery\/1.8.0\/jquery.min.js"><\/script> <title>颜色互换<\/title><\/head><body><style>.div1{ width:100px; height:100px; background:#00F;}.div2{ width:...
jquery 动态更改 div 背景色?
用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,有个数组a(1,2,3)循环遍历输出a的值。jquery 动态更改 div 背景色代码如下:<head> <script type="text\/javascript" src="\/js\/jQuery.js"><\/script> <script type="text\/javascript"> (".test").onclick =...
jq多个div,单击当前div,只改变当前div的背景颜色
DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8"><script src="https:\/\/cdn.bootcss.com\/jquery\/2.1.1\/jquery.min.js"><\/script><style>.selected {background-color: green;}<\/style><script>$("#select div").bind("click",function()...
Jquery效果,多个DIV,点击切换文字,变换背景颜色,再次点击或者点击其他div...
'red'}\/*要切换的背景色*\/.bg_click{background:'green'}js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click').html('你要变的文字'); }else...
jquery 点击一个div时,第一次点击更换div背景,第二次点击,背景变成原来...
,这时toggle为false ,作if(toggle == false)判断,如果为真则还原背景 ... 第二种方法,直接调用 toggle()函数 ,如 $("div").toggle(function(){...},function(){...}) ,这里第一个function就是第一次点击时要做的事 ,第二个function就是第二次要做的事 ...以此类推 ...
jquery怎么实现点击一个元素更换背景图片,连续点击永远在2张图片之间...
1、首先,打开html编辑器,创建一个新的html文件,例如index.html,然后引入jquery,如下图所示。2、其次,完成上述步骤后,在index.html的<script>标记中,输入下图红框中的jquery代码,如下图所示。3、接着,完成上述步骤后,浏览器运行index.html页面,显示出了其中1张背景图片,如下图所示。4、最后...
jquery点击div切换背景图片
<div id=“btn_img” class="img01"><\/div><script>$("#btn_img").click(function(){ $(this).toggleClass("img02");});<\/script><style>#btn_img{ no-repeat; width:40px; height:40px;}.img01{background:url("img01.jpg");}.img02{background:url("img02.jpg");}<\/style...
如何用jQuery实现点击按钮弹出一个盒子,除了这个盒子以外的其他部分颜色...
第一种方式:你使用的现有库中有没有开启和关闭遮罩的api,如果有的话,直接照着api使用即可;第二种方式:自己写个遮罩。需要两层div标签,遮罩层div标签在下层,内容层div标签在上层,类似如下;html代码:<div class="x-mask"><\/div> <div class="x-mask-content"><\/div> css样式:.x-mask...
js怎么让div变高变宽 变背景颜色
用jQuery实现很简单 1、变高: $("#divId").height($("#divId").height() + 10);2、变宽: $("#divId").width($("#divId").width() + 10);3、变背景色: $("#divId").css('background', 'red');