2023学年完整公开课版标记的属性

标记的属性北京电子科技职业学院each遍历元素一获取属性的值二设置属性的值三目录Contents删除属性四each遍历元素1单击此处可编辑内容，根据您的需要自由拉伸文本框大小each()方法主要用于对选择器中的元素进行遍历。each()方法能使DOM循环结构简洁，不容易出错。each遍历元素each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM,JSON等。基本语法：$(selector).each(function(index,element))function为每个匹配元素规定运行的函数。index-选择器的index位置element-当前的元素（也可使用"this"选择器）单击此处可编辑内容，根据您的需要自由拉伸文本框大小each函数根据参数的类型实现的效果不完全一致each遍历元素1、遍历对象$.each(Object,function(name,value){this;//this指向当前属性的值

name;//name表示Object当前属性的名称

value;//value表示Object当前属性的值});举例：varobj={one:1,two:2,three:3,four:4};$.each(obj,function(key,val){alert(obj[key]);});单击此处可编辑内容，根据您的需要自由拉伸文本框大小each函数根据参数的类型实现的效果不完全一致each遍历元素2、遍历数组$.each(Array,function(i,value){this;//this指向当前元素

i;//i表示Array当前下标

value;//value表示Array当前元素});

举例：vararr1=["aaa","bbb","ccc"];$.each(arr1,function(i,val){alert(i);alert(val);});获取属性的值2单击此处可编辑内容，根据您的需要自由拉伸文本框大小在jQuery中可以通过attr(name)方法实现获取某个对象的某个特定属性的值。获取属性的值该方法获取元素集中第一个元素指定属性的值，如果没有匹配项则返回undefined。基本语法：$(selector).attr(attribute)attribute：规定要获取其值的属性。单击此处可编辑内容，根据您的需要自由拉伸文本框大小获取属性的值程序举例：<p>从前有一只<emtilte=“huge”>大恐龙</em></p><p>在树林中<emtilte=“running”>跑啊跑</em></p>$(‘em’).attr(‘title’)是获取第一个em元素的title属性值“huge”，当将第一个em的title属性值删除，那么$(‘em’).attr(‘title’)将返回undefined。如果要获取第二个em元素的title属性值，可以通过位置选择器来完成$(‘em:eq(1)’).attr(‘title’)设置属性的值3单击此处可编辑内容，根据您的需要自由拉伸文本框大小attr()除了可以获取元素的属性值外，还可以设置属性值。设置属性的值该方法设置元素集所有项的属性name的值为value基本语法：$(selector).attr(attribute,value)举例：$(“img”).attr(“width”,“180”)将img元素的width属性设置为180单击此处可编辑内容，根据您的需要自由拉伸文本框大小如若希望属性值能够根据不同的元素有规律的变化，可使用函数来设置属性值。设置属性的值基本语法：$(selector).attr(name,fn)fn为一个函数，该函数接受一个参数为元素的序号。举例：$(“div”).attr(“id”,fn(index){return“div-”+index})将div元素的id属性依次设置为div0，div1等单击此处可编辑内容，根据您的需要自由拉伸文本框大小设置多个属性/值对：为被选元素设置一个以上的属性和值。设置属性的值基本语法：$(selector).attr({attribute:value,attribute:value...})举例：$(“img”).attr({width:“50”,height:“80”})设置img元素的width属性为50，height为80.删除属性4单击此处可编辑内容，根据您的需要自由拉伸文本框大小当设置某个元素的属性值时，可以通过removeAttr()方法将该属性值删除。这时元素将恢复默认设置。删除属性基本语法：$(selector).removeAttr(attribute)Attribute：必需，规定从指定元素中移除的属性。例如：$(“p”).removeAttr(“style”)，将p元素的