关于jQuery通过this获取this里的class

关于jQuery通过this获取this里的class,第1张

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

});

$(this)这种写法,是需要jquery上下文环境的··

你上面的写法,我分析应该是直接在javascript函数体中直接写的吧!

你可以试着增加一段下面的内容:

<SCRIPT LANGUAGE="JavaScript">

$(document)ready(function(){

$(":button")click(ckick_func);

});

</SCRIPT>

当然了,也可以直接舍弃onclick,在$(":button")click中这样写

$(":button")click( function(){ $(this)parent()parent()remove(); } );

this都知道是当前的意思,比如:$(this);同理美元符也是jq才有,获取子元素的时候也用到$这个符号,比如:$("div")find("子元素的标签");

$("div")则是父级元素

find的意思是获得当前元素集合中每个元素的后代//这获得的其实就是一个数组

以上就是关于关于jQuery通过this获取this里的class全部的内容,包括:关于jQuery通过this获取this里的class、jquery $(this)的疑问、JQuery this和$的区别及获取$子元素对象的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存