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