- 时间：2022-10-13 11:43 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：jQuery第三课 修改元素属性及内容的代码
1. 操作属性
上文介绍了如何筛选到需要的元素。得到了元素之后就要对其进行操作。一个常见的需求是遍历得到的元素集，对每一个元素进行一个操作。jQuery提供的函数是
each(iterator)，其中iterator是一个函数，接受一个整数作为参数，表示第几个元素。看一个简单的例子。
[url=http://www.1sucai.cn/upload/2010-3/20100314165519687.png][img]http://files.jb51.net/upload/2010-3/20100314165519444.png[/img]
[/url]
在上例中，采用了原生javascript的方法存取属性，jQuery 提供了一个更加一般的方法来存取属性，attr：
attr(name),如果name是字符串，获得第一个元素的属性的name的值；如果name是一个对象，则对象的属性被作为元素的属性而复制到包装集的所有元素上。
attr(name,value),当name是字符串的时候，就把属性name的值设置为value，当value是一个函数的时候，则对包装集中的每个元素调用此函数，将其name的值设置为函数的返回值。
看一个简单的例子，html代码仍然使用上面的：
[url=http://www.1sucai.cn/upload/2010-3/20100314165519638.png][img]http://files.jb51.net/upload/2010-3/20100314165521454.png[/img]
[/url]
要删除属性，使用removeAttr(name)方法。
要注意，属性中有一个比较特殊的属性class。class属性十分常用，而他恰好又是javascript的关键字。要存取class属性，需要使用className而不是class。例如：
$('img').attr('className', 'photo');class和其他属性不一样，一个元素可以有多个class，它们用空格隔开，例如 class='big strong',正因为class特殊而又常用，jQuery有专门的方法处理class属性。
addClass(names),添加类；
removeClass(names), 删除类；
toggleClass(names),如果元素有该类，则删除，否则添加。
其中的names是一个字符串，可以是由空格分隔的多个类名组成。addClass和removeClass使用简单不再举例，toggleClass尤为简单实用，下面看一个例子,html代码仍然用上面的:
[url=http://www.1sucai.cn/upload/2010-3/20100314165521679.png][img]http://files.jb51.net/upload/2010-3/20100314165521464.png[/img]
[/url]
还有一个appendTo(target)，它和append方法的方向反一反，append把参数添加到调用者内部，appendTo把调用者添加到参数的内部。还有几对方法和append,appendTo类似：
prepend,prependTo:append方法当目的元素内部中有其他元素的时候，添加的元素是在原有的元素的最后，prepend则是在最前。
before,insertBefore:插在目的元素之前一个，而不是内部
after,insertAfter:插在目的元素之后。
要删除元素，可以使用remove 或者 empty方法。注意remove会把选中的元素从页面上删除，同时把这些元素作为返回值返回，这些元素不会被垃圾收集，可以对他们进行进一步操作，也可以用append之类的方法重新显示到页面上，而empty方法则彻底删除元素。
3. 操作表单元素的值
操作表单元素的值十分常用，但并不容易。jQuery提供了一个val方法来简化操作。不带参数的val()方法返回当前元素的值。val(values)方法用来将当前元素的值设置为values,如果values是一个数组，则更为有趣一点，它用于匹配select元素中的值，包括在values中的值将会变成选中状态。
微信版
扫一扫进微信版
返回顶部
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
