jq怎样获取到页面中第一个相同命名的class

jq怎样获取到页面中第一个相同命名的class,第1张

<style>

container {

}

blue {

height: 30px;

width: 60px;

background: burlywood;

margin-bottom: 1px;

}

</style>

<div class="container">

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

</div>

<script>

$(document)ready(function(){

$("blue:first")css("background","red");

});

</script>

很简单吧,举一反三,好好加油

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="jqhovercss"><!--这里显示外链式样式-->

    <!--<style>这里显示是内嵌式样式,两种方式都可以在下面的jq代码中获取到背景定位的值

        a{ background-position: 0px 0px;}

        a:hover{ background-position: 120px -20px;}

    </style>-->

    <script src="jquery-180minjs"></script><!--这里引入jq库,你在使用的时候记住修改路径-->

    <script>

    $(function(){

        var bgPosition = $('a');

        bgPositionhover(function(){

            alert($(this)css('background-position'))

        },function(){

            alert('ok')

        });

    })

    </script>

</head>

<body>

    <a href="#">1111111111111</a>

</body>

</html>

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

name就是第一个div的class名

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

1、使用标签获取元素数组

2、遍历数组

3、判断每一个元素,找出css("display")为block的元素

具体代码如下:

 $(function(){

     //取出所有div,并遍历

     $("div")each(){

         //判断每一个div,其css中display是否为block

         if($(this)css("display")=="block"){

             alert('您想要的元素');

         }

     };

 });

以上就是关于jq怎样获取到页面中第一个相同命名的class全部的内容,包括:jq怎样获取到页面中第一个相同命名的class、jquery获取css中:hover的样式 , 只需要获取、jquery css 如何获取第一个出现的class 类名等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存