手术室巡回护士与器械护士的职责.ppt

第7章操作得到的元素
第6章详细介绍了jQuery中的各种选择器以及其使用方法,jQuery选择器可以快速的定位到页面上的每个元素,并且得到该元素的一个jQuery对象或者jQuery对象数组。得到了jQuery对象或者数组之后,就可以利用jQuery强大的功能来对页面元素进行各种操作了。本章将结合实例首先介绍使用jQuery操作页面元素的属性、对页面元素应用CSS样式类的方法、操作CSS改变页面样式以及操作页面内容等,然后介绍jQuery中的查找以及筛选函数,使用这些函数可以对jQuery选择器选择的元素进行进一步地灵活筛选,最后,将介绍jQuery中比较有特色的一个功能:链式操作。
操作属性
属性是每个页面元素的重要内容,HTML标签可以有一到若干个属性。前面章节中反复使用的id即是元素的常用属性之一。例如:
<input type="text" name="firstname" value="Dennis" id="first" />
读取属性
对于页面上的各个元素,jQuery可以很方便的得到元素的各个属性。读取属性的函数是attr(name)
函数名
attr(name)
作用
取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回undefined
返回值
Object
参数
name (String):属性名称
修改属性
attr(key,value)函数的原型、作用、。
函数名
attr(key,fn)
作用
为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值
返回值
jQuery
参数
key (String):属性名称;
fn (Function):返回值的函数范围:当前元素, 参数: 当前元素的索引值
attr(key,fn)函数和attr(key,value)的使用十分相似,只不过其第二个参数为一个函数而已。
函数名
attr(key,fn)
作用
为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值
返回值
jQuery
参数
key (String):属性名称;
fn (Function):返回值的函数范围:当前元素, 参数: 当前元素的索引值
修改属性
jQuery还提供了一个更加强大的批量操作属性值的函数,函数名依然是attr(),不过其声明方式以及参数的意义有所不同,。
函数名
attr(properties)
作用
将一个“名/值”形式的对象设置为所有匹配元素的属性
返回值
jQuery
参数
properties (Map):作为属性的“名/值对”对象
修改属性
删除属性
removeAttr(name)函数用来对页面上元素的属性进行删除的操作。
函数名
removeAttr(name)
作用
从每一个匹配的元素中删除一个属性。
返回值
jQuery