jquery筛选2
时间：5年前 阅读：5313
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.11.3.min.js.js"></script>
<script type="text/javascript">
$(function(){
// children:孩子们 子元素
// $('#dd').children('p').css({'color':'blue','font-size':'22px'});
// 选择的是#dd里所有的子代p标签(儿子辈,孙子辈,重孙子辈.....都能被选中)
$('#dd').find('p').css({'color':'blue','font-size':'22px'});
// next选择的是紧邻在.tt后面的p标签
// $('.tt').next('p').css({'color':'blue','font-size':'22px'});
// nextAll选择的是紧邻在.tt后面所有同级别(兄弟元素)的p标签
// $('.tt').nextAll('p').css({'color':'blue','font-size':'22px'});
// parent:父亲;父级 选择的是.tt父级元素
// $('.tt').parent().css({'color':'blue','font-size':'22px'});
// 选择的是.tt的所有父级(祖辈的)元素中的class是.kk的元素
// $('.tt').parents('.kk').css({'color':'blue','font-size':'22px'});
// (这个常用，记好) siblings:兄弟 选择的是.tt的所有兄弟元素，（包括div span ul反正是兄弟的都会被选中）
// $('.tt').siblings().css({'color':'blue','font-size':'22px'});
// 这里写个p,就是选标签名是p的所有兄弟元素(兄弟元素都会被选中，除自已以外没选到)
// $('.tt').siblings('p').css({'color':'blue','font-size':'22px'});
})
</script>
</head>
<body>
<div id="dd">
<p>准备更多的实践一些小的项目，来磨练自己的抽象总结能力1</p>
<p>准备更多的实践一些小的项目，来磨练自己的抽象总结能力2</p>
<p>准备更多的实践一些小的项目，来磨练自己的抽象总结能力3 <span>这个是有span标签的</span></p>
<p>准备更多的实践一些小的项目，来磨练自己的抽象总结能力4</p>
<p class="tt">准备更多的实践一些小的项目，来磨练自己的抽象总结能力5</p>
<p>准备更多的实践一些小的项目，来磨练自己的抽象总结能力6</p>
<p id="nn">准备更多的实践一些小的项目，来磨练自己的抽象总结能力7</p>
<p>准备更多的实践一些小的项目，来磨练自己的抽象总结能力8</p>
<div>
<p>ddddddddddd</p>
<p>ddddddddddd</p>
<p>ddddddddddd</p>
</div>
</div>
<div>
<p>这里也是p标签1</p>
<p>这里也是p标签2</p>
<p>这里也是p标签3</p>
<p>这里也是p标签4</p>
<p>这里也是p标签5</p>
<p>这里也是p标签6</p>
</div>
</body>
</html>
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知
网友评论