JQUERY动态添加class的

<li class="fws-s">
<a href="#" class="org" id="org1">
<img src="images/fw_ico1.png" />
</a>
<p class="fws-b">安装</p>
</li>
class fws-b设置了隐藏 我想鼠标经过 class org 让class fws-b 显示出来

var fb = $(".fws-b");
$(".org").hover(function(){
    fb.show();
},function(){
    fb.hide();
});

追问

不行啊 我自己也试着写了一下,不知道是获取不到参数还是怎么样 没效果

追答<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<style>
.fws-b{
display:none;
}
</style>
<script>
jQuery(function($){
var fb = $(".fws-b");
$(".org").hover(function(){
fb.eq($(this).closest("li").index()).show();
},function(){
fb.eq($(this).closest("li").index()).hide();
});
});
</script>
  </head>
<body>
<ul>
<li class="fws-s">
<a href="#" class="org" id="org1">
<img src="images/fw_ico1.png" />
</a>
<p class="fws-b">
安装
</p>
</li>
<li class="fws-s">
<a href="#" class="org" id="org1">
<img src="images/fw_ico1.png" />
</a>
<p class="fws-b">
安装
</p>
</li>
<li class="fws-s">
<a href="#" class="org" id="org1">
<img src="images/fw_ico1.png" />
</a>
<p class="fws-b">
安装
</p>
</li>
</ul>
  </body>
</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-08-11
鼠标悬浮事件,然后用addclass()这个方法将你以前的CSS样式显示出来追问

我试过了不行不知道我哪里写错了,能有代码吗

追答

人一定要靠自己,把你的代码截图给我看看

追问

我发现是我忘记导入JS文件了。。。。

追答

以后有问题多看看,很多人是马虎了,以后仔细点

本回答被网友采纳
第2个回答  2015-08-11
整个li都是隐藏的,你怎么能让鼠标经过图片处罚事件,看不到图片啊追问

看清楚 li的class是fws-s

追答

sorry 没看清;
请问你在p标签上设置的隐藏,是用引用的css样式还是直接在p标签上 style="display:none" 的呢?

如果是前者,楼下的方法就能显示了。如果是后者,当鼠标经过时你需要用js 把display:block

这样做的原因可能是优先级的问题

追问

我发现是我忘记导入JS文件了。。。。 谢谢了

JS脚本:jquery 如何动态添加、删除class样式方法介绍
例如使用attr()方法来获取p元素的class,JQuery代码如下:复制代码代码如下:var p_class = $("p").attr("class"); \/\/获取p元素的class[html]使用attr()方法来设置p元素的class,JQuery代码如下:[code]1 $("p").attr("'class", "high"); \/\/设置p元素的class为 "high"大多数情况下,它是...

jquery 动态添加class属性
if(location.href=='1.html'){ $('.hexagon-in2').addClass('.active')}

jquery 动态添加的addClass无效用$(".class")调用 是这样吗?
(".className")可以进行查找的。(".className").addClass("className");你要干嘛?

如何动态添加class样式
添加多个class属性:("img").addClass("intro1 intro2");\/\/属性之间用空格分隔。注:当多class样式作用于一个元素上时,后添加的class样式会覆盖之前的。6 示例:(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro1 intro2"); });});.in...

怎样动态添加Jquery EasyUI中的Class
如果你是想重新渲染easyui控件,那么用jquery选择器找到这个元素,再使用easyui方法渲染就可以了。如果是渲染后添加class的话恐怕得先用F12定位到这个元素,分析渲染这个元素的结构(结构可能很复杂了),再用jquery去addClass.

jquery创建元素(jQuery创建元素并设置样式)
jquery向DIV动态添加元素1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件,并且准备一个div元素,如下图所示。2、然后在style标签里声明一个class样式,如下图所示。3、接下来准备一个事件加载初始化的方法,在jquery中直接用匿名函数即可,如下图所示。4、然后...

jquery添加属性的方法(jquery给对象添加属性和值)
3、Jquery怎么只给点击的元素加个class?1:新建一个html文件,命名为test.html,用于讲解jquery如何实现追加元素的同时添加class属性。2:在test.html文件内,使用p标签创建一行测试的内容,并创建两个空div标签。4、high”,即myClass和high两种样式的叠加。JQuery提供了专门的addClass()方法来追加样式。...

jquery 如何动态添加、删除class样式方法介绍
这个要看你的条件是怎么样的。添加删除class addClass("className") removeClass("className")

jquery的append方法添加的class无效
这种点击事件的绑定只适用于初始化已经存在的id,后面动态添加的控件不再享用。如果需要给动态添加的控件适用,语法为:(document).on('click','#demo1',function(){ alert('xxx');});

Jquery 怎么只给点击的元素加个class
Jquery 怎么只给点击的元素加个class?1:新建一个html文件,命名为test.html,用于讲解jquery如何实现追加元素的同时添加class属性。2:在test.html文件内,使用p标签创建一行测试的内容,并创建两个空div标签。3:在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮...

相似回答