1.对元素内容的操作
①文本内容
.text(" “) 设置内容 即使包含HTML代码,也将被认为是普通代码
.text() 获取内容
②HTML内容
.html(” ") 设置内容
.html() 获取内容
2.对值的操作
.val(" ")设置值
.val() 获取值
对于radio按钮
val([0,1,0]) 认为第二个被选中
对于select option 复选框
val([“选项名1”,“选项名2”])
3.对节点的操作
添加节点
$(" ").append()
append(content) //为所有匹配的元素追加内容
appendTo(content) //将所有匹配的元素添加到另一个元素集合中
prepend(content)
prependTo()
after(content) //在每个匹配的元素之后插入内容
insertAfter(content)
before(content)
insertBefore(content)
删除节点
remove() //用于从DOM中删除匹配的元素
detach()
empty()
复制节点
例:复制box节点 下的第一个p节点内容
$("#box p:eq(1)").bind("click",function(){
$(this).clone(true).insertAfter( $(this) )
})
替换节点
replaceAll(selector)
replaceWith(content)
例:
$("#box1").replaceWith("<div>hhh</div>") id为box1的 替换为 content内容
$("<div>hhh</div>").replaceAll("div") 前面的把后面的替换
节点的遍历
$("p").each(function(index){
$(this).attr("title","第"+(index+1)+"标签")
}) //遍历p节点,执行这个方法
css样式
.addClass() //添加css样式
.removeClass() //删除css样式
.toggleClass()
等价于
if (flag){
.removeClass()
flag=false
}else{
.addClass()
flag=true}