jQuery 怎么获取类名

jQuery 怎么获取类名,第1张

"1、利用标签名获取元素

$(""标签名"")

2、通过ID获取元素

$(""#id_name"")

3、通过 类名获取元素

$(""className"")

4、一次性获取多个元素

$(""元素名, 元素名, 元素名 "")

5、通过指定层次关系获取元素

$(""祖先 子孙"")

$(""父 > 子"")

$(""前 + 后"")

$(""兄 ~ 弟"")

6、根据元素的属性值获取元素

[attribute]

[attribute = value]

[attribute != value]

[attribute ^= value]

[attribute $= value]

[attribute = value]"

直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:

// 点击触发,获取当前点击那个值就行

$('btn-groupbtn-overlapbtn-corner')find(':radio')click(function() {

    consolelog($(this)val());    

})

// 直接获取,获取哪个选中

var rdoValue = $('btn-groupbtn-overlapbtn-corner')find(':radio:checked')val();

consolelog(rdoValue);

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

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

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

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

$("h1kk")是获取所有样式为kk的h1元素。如是123所在的是第一个可以用first()获取,如下

$("h1kk")first()text() 得到的就是123

has("p")不是判断,而是筛选有p的元素

$("h1[class='kk']")也能实现,不过还不如$("h1kk")方便

$(this)parent()是获取当前焦点的父标签而获取当前焦点的父标签的标签名基本都是知道这个父标签的标签名来获取这个标签的例如$(this)parents('input');但如果你非要这样做最好你自己在定义的时候就写个没用的属性然后获取这个属性里的value例如:<input

tagName="input"

type="text"/>tagName

是自定义的属性然后你这样获取$(this)parent()attr('tagName');需求很奇怪

$("a")获取所有的元素<a>

得到所有的href值

$("buton")click(fuction(){

var acounts=$("a");

var arr=new Array();

for(var i=0;i<acounts;i++)

{

arr[i]=acounts[i]arr("herf")

}

});

得到点击的href的值

$("a")click(fuction(){

var s= $("this")arr("href");

});

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello Again</p>, <div><span>And Again</span></div>

获取标签内容

$("p")next("eq:(0)")html() //Hello Again

以上就是关于jQuery 怎么获取类名全部的内容,包括:jQuery 怎么获取类名、怎么用jQuery获取选中的label标签、jquery怎么获取相同class的个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9565457.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存