jquery点击对应的按钮显示对应的div?
发布网友
发布时间:2022-04-26 14:41
我来回答
共2个回答
热心网友
时间:2022-06-29 08:01
这是很容易的操作,也是jquery的基本操作,首先给div分配一个id,然后点击按钮的时候触发显示代码就可以啦,触发的代码是这样的:$(“#id”).show()
热心网友
时间:2022-06-29 08:02
<div class="zhaopin_gangwei">
<div class="zhaopin_item btn1">水电工</div>
<div class="zhaopin_item btn2" >粪工</div>
<div class="zhaopin_item btn3">泥工</div>
<div class="zhaopin_item btn4">木工</div>
</div>
js:
$("#btn").find("button").click(function(){
//先把所有的div隐藏掉;
$(".zhaopin_item").hide();
//end
//显示需要展示的div
$("."+$(this).prop("id")).show();
//end
});
jquery点击对应的按钮显示对应的div?
这是很容易的操作,也是jquery的基本操作,首先给div分配一个id,然后点击按钮的时候触发显示代码就可以啦,触发的代码是这样的:$(“#id”).show()
jquery li点击时添加class,并且显示对应的div,隐藏其他的div,我下面...
("ul li").click(function(){ var index = $("ul li").index($(this)); //你那个错了 ("div[id^='action']").hide(); //让id以action开关的div隐藏 ("#action"+(index+1)).show(); //让#actionX显示 });
jquery如何当点击A标签,能弹出div,其div能够获取A标签属性值_百度知 ...
如你所说的,有很多个A标签,那么你所写的A标签就不能用ID来进行识别,如果你想识别那么一部分的A标签,最好是用class,比如:点击这样,JQ绑定事件可以这样写$("a.click").click(function(){ ("#divid").find("input").val($(this).attr("name")).show();})具体你的div想要怎么弹出来...
jquery怎么实现点击一个按钮控制一个div的显示和隐藏
("button").click(function(e){ ("div").toggle(); //意思是显示隐藏的切换 })
jquery如何实现点击一个按钮 div框从右→左,再点击按钮 div框从刚刚...
1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一行文字,文字内容为“小明”。3、在test.html文件内,设置div标签的id属性为mytext,主要用于下面通过该id获得div对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“切换内容”。5、在test.html文件中...
用jquery怎么实现点击显示,再一次点击隐藏
并设置一些简单的样式:2、然后引入Jquery的库文件,编写代码。首先获取a标签的dom并给它加一个click事件,在click的回调中判断div是否为隐藏状态,是的话就隐藏div否则就显示div:3、最后来到编辑器右侧的浏览器,可以看到此时div是显示的:4、点击一下,div就会隐藏了,可以来回点击切换显示和隐藏:...
怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"></script><script>/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*/$(function(){$('#d1').click(function(){//给d1绑定一个点击事件; /*这...
...盒子都有对应隐藏的div 点击该盒子显示对应的div 上一个点击显示的...
将div存在数组中 每个盒子赋予id,有一定的规律和数组对应。使用jquery 如果盒子是img的话,这样子,如果不是把img换成你那个,或者把盒子的class设成一样最好了 ('父元素 img').click{ //防止点到别的img (this).parent().find(div).relaceWith(img); // 把div都换回盒子 var id ...
JQUERY点击LI下DIV显示隐藏对应DIV
演示代码</title><style>.clickme {border:1px solid black;}</style><script>jQuery(function($){$(".clickme").click(function() {$(this).next(".displayclick").toggle();});$(document).click(function(e){if(e.target.className!='clickme'){$(".displayclick")...
JS(JQuery)点击一个对象显示出一个div,再次点击当前对象或者点击对象之 ...
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})