JQuery操作与遍历元素并设置其属性、样式和内容

目录

• 一、操作属性
• 二、操作样式
• 三、操作元素内容
• 四、创建和添加元素
• 五、删除元素
• 六、遍历元素

一、操作属性

属性分类

• 固有属性

  href、src.....

• 共有属性

  id,class,name......

• 自定义属性

  abc= '1234'

操作属性的方法

• 区别

  1.prop不能操作自定义属性

  2.prop获取Boolean类型的属性是 true/false

• 获取属性值

  attr(属性名称) 操作 checkbox 时， 获取指定的属性值,选中返回 checked，没有选中返回 undefined

  op(属性名称) 获取具有true和false两个属性的属性值

• 设置属性值

  attr(属性名称,属性值);

  prop(属性名称,属性值);

• 移除属性

  removeAttr("属性")

	
		
		
		
	
	
		

				aa
				bb
		
		
	

二、操作样式

• attr(“class”) 获取class属性的值，即样式名称
• attr(“class”,”样式名”) 修改class属性的值，修改样式
• addClass(“样式名”) 添加样式名称
• css() 添加具体的样式 相当于直接设置行内style
• removeClass(class) 移除样式名称

	
		
		
		
		
	
	
		
css()方法设置元素样式
		
天蓝色
		
大红色
		
天蓝色
		
		
	

三、操作元素内容

html()

获取或设置元素的内容，包含html内容 可以识别纯文本内容

取值：html()

赋值：html("html,内容")

text()

获取或设置元素的内容，不包含html内容 只能识别纯文本内容

取值：text()

赋值：text("html,内容")

val()

获取或设置元素的值

取值:val()

赋值:val(‘值’)

	
		
		
		
	
	
		
html()和text()方法设置元素内容
		

		

		
		
		
	

四、创建和添加元素

prepend(content)

在被选元素内部的开头插入元素或内容，被追加的 content 参数，可以是字符、HTML 元素标记。

$(content).prependTo(selector)

把 content 元素或内容加入 selector 元素开头

append(content)

在被选元素内部的结尾插入元素或内容，被追加的 content 参数，可以是字符、HTML 元素标记。

$(content).appendTo(selector)

把 content元素或内容插入selector 元素内，默认是在尾部

before()

在元素前插入指定的元素或内容:$(selector).before(content)

after()

在元素后插入指定的元素或内容:$(selector).after(content)

	
		
		
		
		
	
	
		男神
		偶像
		

			 小鲜肉
		
 
		 
		
	

五、删除元素

• remove()

  删除所选元素或指定的子元素，包括整个标签和内容一起删

• empty()

  清空所选元素的内容

	
		
		
		
		
	
	
		
删除元素
		jquery删除
		javase
		http协议
		servlet
		
		
	

六、遍历元素

格式：

$("值").each(function(index,element){

});

	
		
		
	
	
		
		
		
		
遍历元素 each()
		jquery
		javase
		http协议
		servlet
		
		
	

到此这篇关于JQuery操作和遍历元素的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。