jquery元素对象-jquery如何判断元素是否有子节点

方法： 1、使用children()获取该元素下的所有子节点。 语法“element object.children()”将返回一个包含子节点的 jQ 对象； 2、使用length检查子节点数量是否为0。语法“Object.length==0”，如果数量为0则没有

方法： 1、使用children()获取该元素下的所有子节点。 语法“element object.children()”将返回一个包含子节点的 jQ 对象； 2.使用length检查子节点数量是否为0。语法“Object.length==0”jquery元素对象，如果数量为0则没有子节点，否则有。

本教程的运行环境：windows7系统，jquery1.10.2版本jquery元素对象，戴尔G3笔记本。

jquery判断元素是否有子节点的方式

1.使用children()获取该元素下的所有子集元素

Children() 方法返回所选元素的所有直接子元素。

$(selector).children()

将返回一个包含所有子节点的 jQuery 对象

2、利用length属性判断子节点数是否为0。

length属性可以获取指定jQuery对象中的元素数量

只需判断获取到的子节点数是否为0即可。

jQuery对象.length==0

实现示例：

	
		
		
		
			.div,
			div * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		
		
			$(document).ready(function() {
				$("button").on("click", function() {
					var len=$("ul").children().length;
					console.log("ul元素中有子节点，个数为："+len);
					$("ul").children().css({
						"color": "red",
						"border": "2px solid red"
					});
				});
			});
		
	
	
		
div (父节点)
			
ul (指定元素)
				
li (子节点1)
					span (孙节点1)
				
				
li (子节点2)
					span (孙节点2)
				
				
li (子节点3)
					span (孙节点3)
				
			
		
		检测ul元素是否有子节点
	

【推荐学习：jQuery视频教程、Web后端视频】