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

<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>

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

一、如果是同级（兄弟元素）的，如：

<ul><li class='a'></li><li class='a'></li></ul>可以

$("a")click(function(){

var a=$(this)index;

//或者

var a=$('a')index(this);

}

二、而对于不同级（非兄弟元素），如：

<div class='a'></div>

<div><div class='a'></div></div>

则只能这样

$("a")click(function(){

var a=$('a')index(this);

}

扩展资料：

注意事项

jQuery 拥有若干进行 CSS *** 作的方法。

1、addClass() - 向被选元素添加一个或多个类

2、removeClass() - 从被选元素删除一个或多个类

3、toggleClass() - 对被选元素进行添加/删除类的切换 *** 作

4、css() - 设置或返回样式属性

例如：

important

{

font-weight:bold;

font-size:xx-large;

}

blue

{

color:blue;

}

向不同的元素添加 class 属性。当然，在添加类时，也可以选取多个元素：

实例：

$("button")click(function(){

$("h1,h2,p")addClass("blue");

$("div")addClass("important");

});

jq中有一个index()事件是获取当前位置的，具体用法如下： $("class")click(function(){ alert($(this)index());})//这个d出的就是点击的class是第几个

可以先获取所有相同class的标签，然后获取标签的个数。

1、新建html文档，在body标签中添加一些div标签，并为这些div标签设置一些类，然后引入jquery文件：

2、使用jquery获取所有相同类名的标签，格式为$('class名')，这时所有相同类名的标签会被选中：

3、获取标签之后，使用length属性获取标签的个数，这时相同类名的个数就被获取到了：

你的这样的写法相当于ul下面有个class名为memu的标签，这个标签下面有一个li。出现了三级，和你的层级不一样，所以就不行啦。你改写成这样：$("ul[class=memu] li")这样就可以了。

根据你提供的 onmouseover="foodMouseOver(this)" 判断你在 Javascript 中应该有这样一个函数

function foodMouseOver(ele) {}

注意这个函数如果写在 jQuery 外面，那么在函数内你就无法使用 $ (jQuery)。

如果写在 jQuery 里面，你需要写成 windowfoodMouseOver = function(ele) {};

完整代码：

$(function() {

// 这里的参数 ele 就是传过来的 this

windowfoodMouseOver = function(ele) {

// 变量 foodinfo 就是你要获取的 divfoodInfo

var foodinfo = $(ele)find("foodInfo");

// 显示 foodInfo

foodinfoshow();

};

});

--------------------------------

给你一点建议，尽量分离 HTML，CSS，和 Javascript。也就是尽量避免使用

----- 内联样式：<div style="width: 200px;">

----- 内联脚本：<a onclick="doSomething();">

你的例子中可以把 onmouseover="foodMouseOver(this)" 去掉，在 jQuery 中直接写为

$("food")on("mouseover", function() {

$(this)find("foodInfo")show();

});

div [class^="aaa"]

匹配具有class属性、且值以aaa开头的div元素,再根据这个找出其名称。

即变成了：

$("[aaa]")

没有试过，附点资料你可以参考一下：

基本选择器(3种):

$("标签名"),如$("p")是选取了所有的p标签节点

$("#id名"),如$("#test")是选取了id为test的标签节点

$("class名"),如$("test")是选取了所有class为test的标签节点

上面的$("标签名")和$("class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等

：匹配所有元素

以上就是关于jq怎样获取到页面中第一个相同命名的class全部的内容，包括:jq怎样获取到页面中第一个相同命名的class、jquery 怎么获取当前点击class 是第几个、jQuery 获取有多个class名的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！