jQuery学习之元素属性

操作元素的特性

1.操作元素的属性

each(iterator)

2.获取特性值

attr(name) 获取属性值

3.设置特性值
attr(name,value) 设置属性值

value可以是函数，字符串等

4.删除特性值

removeAttr(name)

5.特性带来的快乐
$("a[href^=http://"]).attr('target','_blank')

$("form").submit(function(){$(":submit",this).attr("disabled","disabled")})

修改元素样式

1.增加和删除类名
addClass
removeClass

toggleClass 如果元素中已经含有指定类名，则删除，否则，添加

2.获取和设置样式
.css(name,value)
.css(properties)
.width(value) .height(value)

.width() .height()

3.样式相关的命令
hasClass(name)
$('p:first').attr('class').split(' ')
$.fn.getClassNames = function(){
if(name = this.attr("className")){
return name.split(' ');
}else{
return [];
}
};

设置元素内容

1.替换HTML或者文本内容
.html()
.html(content)
.text()

.text(content)

2.移动和复制元素
append(content) 
content指被追加到包装集各元素的一个字符串、元素或者包装集
appendTo(target)
target一个包含jQuery选择器的字符串，或者一个DOM元素。包装集的各元素
将追加到target所指定的位置。
与此相近的prehend和prehendTo
before和insertBefore

after和insertAfter

3.包裹元素

wrap wrapAll wrapInner

4.删除元素
remove
$('div.elementToReplace').after('<p>I am replacing the div</p>').remove()
div被p元素所替代了

empty

5.克隆元素
clone
$('ul').clone().insertBefore('#here').end().hide()
ulclone一份insert在#here前面，然后end选择原始包装集，hide

操作表单元素值

$('[name=radioGroup]:checked').val()
除了使用val获取值以外，还可以使用val(values)向其传入值