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文件，点击按钮，查看实现的效果。
可以先获取所有相同class的标签，然后获取标签的个数。
1、新建html文档，在body标签中添加一些div标签，并为这些div标签设置一些类，然后引入jquery文件：
2、使用jquery获取所有相同类名的标签，格式为$('class名')，这时所有相同类名的标签会被选中：
3、获取标签之后，使用length属性获取标签的个数，这时相同类名的个数就被获取到了：
jquery可以用attr函数来获取class的值。
1、新建html文档，在head标签中引入jquery的js文件或者cdn链接：
2、在body标签中添加一个div标签，设置div的“id”为“test”，设置div的类名“class”为“demo”：
3、添加代码“$('#test')attr('class')”，其中“$('#test')”指的是根据id“test”选择这个div，“attr('class')”指的是使用“attr”函数获取类名“class”的值：
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料：编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素，代码实例如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：
1．
jQeury有个方法：jQueryhasClass( className )
官方描述文本：Determine whether any of the matched elements are assigned the given class（确定匹配元素是否含有指定的"className'（类名字））
例子：
$('diveq(0)')hasClass('div_class'); // 判断第一个div是否包含'div_class'这个类2．
你也可以使用就jQuerattr('class')，把元素的class属性获取，然后使用原生的StringindexOf(searchvalue)判断是否>-1（非-1，即有匹配）
例子：
var eleClass = $('div')attr('class'), searchClass = 'class_1';/ 这里需要先判断是否有这个属性，因为使用jQuery获取属性值的时候，如果没有，则会返回undefined /
if (eleClass && eleClassindexOf(searchClass) > -1)
{
// 含有指定class
}
else
{
// 没有class属性（也算不含指定class）或者不含有指定class
}
相对使用jQuery来讲，最常用这两种方法。
两个方法详解可参考jQuery官方文档。
以上就是关于通过jquery怎么选取子元素不存在class属性的元素全部的内容，包括:通过jquery怎么选取子元素不存在class属性的元素、jquery怎么获取相同class的个数、jquery怎么取class的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）