Fire my passion

Anything with my most passion……
JQuery学习笔记(二)
三、操作包装集

1、操作元素的属性
each(function(n))    n是以0为基的索引,在函数中可以使用this代表当前的元素(不是JQuery对象),返回包装集
attr(name)    返回属性的值,若该属性不存在或匹配集为空则返回undefined
class         className
cssFloat         styleFloat for IE, cssFloat for others (when used with .css)
float         styleFloat for IE, cssFloat for others (when used with .css)
for         htmlFor
maxlength         maxLength
readonly         readOnly
styleFloat     styleFloat for IE, cssFloat for others (when used with .css)

attr(name,value)    value可以是值,也可以是函数,函数有一个代表索引的参数,其返回值就是属性的值
attr(attributes)    attributes是JS对象,所有元素的属性都将被设置成该对象指定的值
removeAttr(name)

两个应用:
a. 将网页中所有指向外网的连接的target都设置为_blank
b. 表单提交时,将提交按钮设置为disabled


2、操作元素的样式

addClass(names)    names使用空格分隔
removeClass(names)
toggleClass(name)
css(name,value)    value可以是String, Number, Function
name:opacity 0.0-1.0
css(properties)    properties是JS对象
css(name)
width(value)
height(value)
width()        得到的是实际的宽度,和样式设置的值不一定一样
height()
hasClass(name)    返回一个bool值


3、设置元素的内容

html()
html(text)    text是String类型
text()
text(content)    content是String类型
append(content)    content是(String|Element|Object),根据包装集中对象的个数决定是copy还是move
appendTo(target)    将JQuery对象move追加到target,若target不止一个对象,则copy模式
prepend()        append和prepend都是将追加到目标的孩子节点   
prependTo()
before()
insertBefore()
after()
insertAfter()
wrap(wrapper)    wrapper是(String|Element)
wrapAll(wrapper)    和wrap的区别是,将匹配集中的所有对象作为一个单元来进行包装
wrapInner(wrapper)    将元素的内容进行包装
remove()        清除所有元素
empty()        清除元素中的内容
clone(copyHandlers)    copyHandlers为True代表将事件处理器一并复制,否则不复制。返回新创建的包装集

4、处理表单元素的值

val()    返回匹配集中第一个元素的值
val(value)
val(values)    根据values的值去匹配包装集中的元素,然后将其选中(主要用于checkbox,radiobutton,select)


posted on 2008-02-20 10:35  everx  阅读(332)  评论(0编辑  收藏  举报