jquery隐藏子元素的方法:1、用children()和hide()方法,语法“$("父元素").children().hide()”;2、用find()和hide()方法,语法“$("父元素").find("子元素").hide()”。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery隐藏子元素
实现方法:
-
首先需要选取子元素
children()方法:获取该元素下的直接子集元素
find()方法:获取该元素下的所有(包括子集的子集)子集元素
然后使用hide()方法将选取的子元素隐藏。
1、使用children()和hide()方法
- list1
- list1-1
- list1-2
- list2
- list2-1
- list2-2
- list3
- list3-1
- list3-2

2、使用find()和和hide()方法
$(document).ready(function() {
$("button").click(function() {
$("ul").find("li").hide();
});
});【推荐学习:jQuery视频教程、web前端开发视频】










