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如何通过父元素得到其中的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)