jquery 能获取当前元素的上一个class为"xxx"的元素吗

jquery 能获取当前元素的上一个class为"xxx"的元素吗,第1张

获取baiclass='aaa'DIV元素:zhi$('.aaa')

$("#aaa>divaaaaaa")

获取父元素id为BBB,类为aaaaaa的元素:$("# BBB >aaaaaa")

JQuery元素选择器:

JQuery使用CSS选择器来选择HTML元素。

$("p"):选择

元素。

$("p。):选择全部

类=“介绍”的元素。

$("p#demo"):选择全部

元素id=“演示”。

扩展资料:

注意事项:

jQuery属性选择器:

jQuery使用XPath表达式来选择带有给定属性的元素。

$("[href]")选取所有带有href属性的元素。

$("[href='#']")选取所有带有href值等于"#"的元素。

$("[href!='#']")选取所有带有href值不等于"#"的元素。

$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。

不知道你具体是要修改i的样式还是移除class,所以都给你说了吧

$('#defo')addClass()、$('#defo')removeClass()、$('#defo')toggleClass()、$('#defo')css()

一般都是用id去获取dom节点,因为id相对唯一,如果是要改变多个就用$('fa')[Methods]

1、addClass(),为元素标签添加class。

2、如图所示代码实现方式,addClass(),为元素标签添加多个class也可以的。

3、removeClass(),可以删除元素标签的class。

4、removeClass(),也可以删除元素标签的多个class。

5、toggleClass(),如果没有相关class,则添加,如果有,则删除。

6、css(),可以设置元素标签的属性。

7、css(),也可以返回元素标签的属性。

根据你提供的 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();

});

根据attr(attribute)获取属性名,必须知道上一级的div的class名或者id名,

或者本身知道div的class或者id要获取其他属性,都是这么做的。$("#d1")attr("xxx");xxx是你想获取的某个属性的值。

完整如下:

<div id="div1"><div class="c1" id="d1"></div></div>

$("#div1")find("div")attr("id")

$("#div1")find("div")attr("class")

var val=$("div")attr("class");//这里获取class值

var array=valsplit(" ");//split双引号里面是空格,把class值用空格分开,转换为数组

那么,array[0]就获得home; arrya[1]获得class

以上就是关于jquery 能获取当前元素的上一个class为"xxx"的元素吗全部的内容,包括:jquery 能获取当前元素的上一个class为"xxx"的元素吗、用js或jq获取class名并更改它、jquery中如何获取class下面的某个子标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存