
1:children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
2:children方法获得的仅仅是元素一下级的子元素,即:immediate children。
3:find方法获得所有下级元素,即:descendants of these elements in the DOM tree
4:children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。
5:find方法事实上可以通过使用 jQuery( selector, context )来实现:英语如是说:Selector context is
implemented with the find() method; therefore, $('liitem-ii')find('li') is
equivalent to $('li', 'liitem-ii')
分为以下2种情况:
1如果css写成行内样式,可以通过获取style属性的值来判断,示例如下:
判断id为divid的div元素是否有font-size样式:
2如果css写成类样式,可以通过获取class属性的值来判断,示例如下:
判断id为divid的div元素是否含有类样式divclass:
描述: 为每个匹配的元素添加指定的样式类名
$('div')addClass('className');//为所有div添加名为className的class1
removeClass
描述: 移除集合中每个匹配元素上一个,多个或全部样式。
$('div')removeClass('className');//将所有div上名为className的class移除1
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。
$('div')toggleClass('className');//如果div上有这个class就删除,没有就添加。
可以通过类名的不同,比如
<ul>
<li class=“li”>第一个子元素</li>
<li class=“li spe”>第二个子元素</li>
<li class=“li”>第三个子元素</li>
</ul>
可以使用$("ul")children("spe")来获得第二个子元素
也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素
如果是不一样的子元素,比如
<div class="mydiv">
<p>第一个子元素</p>
<div>第二个子元素</div>
<a>第三个子元素</a>
</div>
获取p标签$("mydiv")find("p")或者$("mydiv")children("p");
以上就是关于jquery获取元素下面的子元素 <div class="jj"> jj <div class="yy">yy<div> <div>全部的内容,包括:jquery获取元素下面的子元素 <div class="jj"> jj <div class="yy">yy<div> <div>、jquery怎么获取下一个具有指定样式(class)的元素呢、如何使用jQuery获取一个元素下面,满足某个条件的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)