hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery隐藏子元素的方法

墨初 Web前端 405阅读

jquery隐藏元素中的子元素,需要先获取子元素的句柄,然后再根据相应的条件来隐藏相应的子元素。下面73so博客就来详细的说一下。

jq隐藏元素子元素的方法

jquery中的children()可以获取元素下的子元素集。

jquery中的hide()方法可以对指定的元素进行隐藏,注意这里是隐藏并不是移除,元素本身还在html文档流内。

例1:jq隐藏所有子元素

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<ul>
    <li>第一组</li>
    <li class="act">第二组</li>
    <li>https://www.73so.com</li>
</ul>
<script>
$('ul').children().hide();
</script>

例2:jq隐藏指定的子元素

jquery中的find()方法可以获取指定元素下的子元素,也可以有通过输入class名或元素名的方式获取子元素中的相应元素。

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<ul>
    <li>第一组</li>
    <li class="act">第二组</li>
    <li>https://www.73so.com</li>
</ul>
<script>
var d = $('ul').find('.act');
d.hide();
</script>

以上就是jquery中隐藏指定元素中了面子元素的方法,各位可以参考一下。

声明:无特别说明,转载请标明本文来源!
相关推荐