页面中有3个class一样的div 现用jquery通过类名找到了这三个div,要求效果是光标移

页面中有3个class一样的div 现用jquery通过类名找到了这三个div,要求效果是光标移,第1张

直接用$(this)就可以了啊。比如三个div的class都是DIV,然后Jq可以这么写:

$("DIV")hover(function(){

    $(this)animate();

});

可以使用js的eval函数实现,示例如下:

<script type="text/javascript">

  //自定义函数,用于d出三个参数的值

  function alertFunc(str1,str2,str3){

       alert(str1);

       alert(str2);

       alert(str3);

   }

 //自定义函数:根据传入的函数名,调用函数

 function callAlert(functionName){

      //根据函数名得到函数类型

       var  func=eval(functionName);

       //创建函数对象,并调用

      new func(arguments[1],arguments[2],arguments[3]);

  }

 

 </script>

 <!--编写按钮,在点击事件中调用函数-->

 <button onclick="callAlert('alertFunc','tom','hello','world')" >测试函数调用</button>

jQuery的元素选择器可以根据class选择元素。例如,获取class='aaa'的DIV元素的代码为:$("divaaa")

。下面提供一个具体的示例,HTML结构如下:

<div

id='a'><div

class='aaa'></div></div>

<div

id='b'><div

class='aaa'></div></div>

<div

id='c'><div

class='aaa'></div></div>

1、获取id为b的div下的aaa类元素

$("divaaa")获取的是所有的aaa类,如果限定为b元素下的aaa类,可以配合后代选择器使用,代码为:$("div#b

divaaa")

2、获取id为a或者c的div下的aaa类元素

如果需要获取多个不同类型的对象,可以使用逗号(,)分隔,所以相应代码为:

$("#a

aaa,

#c

aaa")

就是在一个元素里有3个div你要获取第一个div的类名??!!

这样用var name=$('div')eq(0)attr('class')

name就是第一个div的class名

分为以下2种情况: 

1如果css写成行内样式,可以通过获取style属性的值来判断,示例如下: 

判断id为divid的div元素是否有font-size样式:

2如果css写成类样式,可以通过获取class属性的值来判断,示例如下: 

判断id为divid的div元素是否含有类样式divclass:

描述: 为每个匹配的元素添加指定的样式类名

$('div')addClass('className');//为所有div添加名为className的class1

removeClass 

描述: 移除集合中每个匹配元素上一个,多个或全部样式。

$('div')removeClass('className');//将所有div上名为className的class移除1

toggleClass 

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

$('div')toggleClass('className');//如果div上有这个class就删除,没有就添加。

以上就是关于页面中有3个class一样的div 现用jquery通过类名找到了这三个div,要求效果是光标移全部的内容,包括:页面中有3个class一样的div 现用jquery通过类名找到了这三个div,要求效果是光标移、js或Jquery 根据字符串类型的方法名,找到对应的方法并且调用、jquery 选择器 怎样获取class='aaa'的DIV元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9707082.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存