通过jquery怎么选取子元素不存在class属性的元素

通过jquery怎么选取子元素不存在class属性的元素,第1张

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,使用h1标签创建一个标题,同时设置h1标签的class属性为myh,下面将使用jquery方法判断该class是否存在。

3、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“判断class”。

4、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getclass()函数。

5、在js标签中,创建getclass()函数,在函数内,使用标签名称(h1)获得元素对象,通过hasClass()方法来判断myh类名是否存在,并把结果返回res变量中。

6、在getclass()函数内,使用if语句对上一步的res变量进行判断,如果为true,即存在myh类名,则提示“h1标签有类名myh”,否则,提示“h1标签没有myh”。

7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。

如获取id为divId的div下的第一个子div

$("#divId")children("div")get(0)

但得到的是一个dom对象,如果要得到Jquery对象,要使用

$($("#divId")children("div")get(0))

很多种方法:楼上hapgaoyi | 七级 的是一种方法:

$("#divimg img")first()show(); 显示上面的div中第一个img

$("#divimg img:gt(0)")hide();隐藏上面的div中不是第一个的img

============================可爱的分隔线================================

此外,还可以这样:

$('#divimg img:eq(0)')show()siblings()hide();

说明:

此例使用了jQuery最有特色的链式 *** 作方式,从而无须多次获取对象,简洁明了,推荐使用。

第一种方法:

使用$("#menu")children()html();

这样会获得"<li><ul><li></li></ul><li>"

第二种方法:

$("#menu > ul > li")

下面写个例子来获取id为demo的元素的第一个子元素。

<!--加载jquery-->

<script src=";

说明一下以上例子中用到选择器

#demo是id选择器获取id为demo的元素

>是子选择器获取所有子级

:first是首项选择器获取第一个元素

三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。

其实jquery的选择器有很多,包括:

:last获取最后一个元素

:eq(index)获取第index个选择器

更多可以直接百度搜索“jquery选择器”来查看。

以上就是关于通过jquery怎么选取子元素不存在class属性的元素全部的内容,包括:通过jquery怎么选取子元素不存在class属性的元素、jquery获取一级子元素、jquery如何通过父元素得到其中的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存