<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 类名等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)