jquery如何修改子元素的属性值

这篇文章主要介绍了jquery如何修改子元素的属性值的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何修改子元素的属性值文章都会有所收获，下面我们一起来看看吧。

成都创新互联公司是一家专注于成都网站设计、网站建设与策划设计,碌曲网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:碌曲等地区。碌曲做网站价格咨询:13518219792

修改方法：1、用选择器获取指定元素对象，语法“$(selector)”，会返回一个包含指定元素的jquery对象；2、用children()获取指定元素对象下的子元素，语法“元素对象.children(filter)”；3、用attr()修改子元素的属性值，语法“子元素.attr("属性名","新值")”或“子元素.attr({属性1:"新值",属性2:"新值"...})”。

在jquery中，可以使用children()和attr()函数来修改子元素的属性值。

实现步骤：

步骤1：使用jquery选择器获取指定元素对象

$(selector)

• 会返回一个包含指定元素的jquery对象

步骤2：使用children()函数获取指定元素对象下的直接子元素

元素对象.children(filter)

• 会返回指定元素对象下的子元素

步骤3：使用attr()函数修改子元素的属性值

//单个属性
子元素对象.attr("属性名","新属性值");

//多个个属性
子元素对象.attr({属性1:"新值",属性2:"新值"....});

实现示例：

修改ul的子元素li的class属性值

	
		
		
		

		
	

	
		div (父节点)
			
ul (指定元素)
				
li (子节点1)
					span (孙节点1)
				
				
li (子节点2)
					span (孙节点2)
				
				
li (子节点3)
					span (孙节点3)