jquery 怎么获取当前点击class 是第几个

jquery 怎么获取当前点击class 是第几个,第1张

一、如果是同级(兄弟元素)的,如:

<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");

});

给你改了一下 试试呗 用 epageX epageY 也行吧 省的那么麻烦

$(document)ready(function(){

$("#img")mousemove(function(e){

var widthh=eoriginalEventx-$(this)offset()left||eoriginalEventlayerX-$(this)offset()left||0;//

var heightt=eoriginalEventy-$(this)offset()top||eoriginalEventlayerY-$(this)offset()top||0;//

$('#container')text("的宽度:" + widthh +"<br>的高度:"+heightt);

})mouseout(function(){

$("#tooltip")remove();

thistitle = thismyTitle;

})

});

</script>

</head>

<body>

<img id="img" width="200" height="200" src="images/starpng"></img>

<div id="container" style="width: 400px; height: 200px; background-color: green;">

</div>

</body>

然后判断 n 的值就可以了。n的初始值为0,即未点击时候的状态。点击一次n+1,所以n就是用户点击的次数。

if里面是判断的代码。

整体代码的意思就是 先创建一个button元素用于点击,声明一个全局变量n,引入jquery后用$符 取到button元素然后用on绑定click事件,在点击事件内部处理n,点击一次n加1,这样n就是点击的次数,然后用if判断n为多少的时候 触发的情况。 $('div')html(n) 是用于显示点击次数的。这个可以不写。

jq只有获取元素相对于浏览器的

$(this)offset()left()忘了后边要不要小括号了

$(this)offset()top()

相对于父元素的话,把父元素的position设置成相对或绝对定位

然后documentgetElementById("dddd")offsetTop

documentgetElementById("dddd")offsetLeft

就是你要的了

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值,注意:索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下:获取被点击的a标签的索引值

1,创建Html元素

2,设置css样式

3,编写jquery代码

4,观察效果:因为index从0开始计数,所以点击第三个元素,获取的索引值是2

扩展资料

jQuery的核心特性:

1,具有独特的链式语法和短小清晰的多功能接口;

2,具有高效灵活的css选择器,并且可对CSS选择器进行扩展;

3,拥有便捷的插件扩展机制和丰富的插件。

4,jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料:

jQuery - 百度百科

引用方式错误,参考下面:

var ul = $("sss li");

ulclick(function(){           

    var str = $(this)attr("data");

    // alert(str);  

    inputval(str);

});

你在click使用的是ul对象,而 ul = $("sss li");  是一个Jq的筛选集合

所以 var str = ulattr("data");每次默认选第一个

var str = $(this)attr("data"); 表示选取当前点击的(this)li的data属性

以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容,包括:jquery 怎么获取当前点击class 是第几个、jquery里鼠标移动显示图片当前坐标的位置、jquery怎么判断点击次数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存