jquery属性操作-创新互联
1.获取HTML代码/文本/值
html([val|fn])
获取html()或设置元素的html值html(sth)
text([val|fn])
text 获取或设置元素的文本值同上
val([val|fn|arr])
val 获取或设置元素的value值同上
类似js里面的innerHTML innerText value
均可以加回调函数 fn(index,旧值)return 新值
2.css()操作元素css样式
$("button").css("border")//获取
$("button").css("color","red");//设置
$("button").css({
color:"blue",
backgroundColor:"red",
borderWidth:"10px"
});//设置多个css属性
3.jquery属性操作
attr(name|pro|key,val|fn)
removeAttr(name)
prop(n|p|k,v|fn)
removeProp(name)
attr(name) prop(name)获取元素的属性 获取只能获取一个
attr(name,sth) prop(name,sth)设置元素的属性 可以设置多个
二者区别是均能设置自定义属性 但是attr是显性的 prop不显示 设置属性之后看不见 data在设置属性时同prop 加回调函数的时候 均两个参数(index,oldvalue),return 新值
设置多个如下
$("input:text").attr({
value: "你好",
type: "button"
});
removeAttr(name) removeProp(name)
都可以自带的属性也可以移除自定义属性
removeAttr() 移除的是属性
removeProp() 移除的是属性值 但属性还在undefined
4.css 类
addClass(class|fn) 一次添加多个类 中间使用空格隔开
removeClass([class|fn]) 如果移除里面不写参数 指的的全部移除 带参移除指定类
toggleClass(class|fn[,sw])类别切换 你有这个类我删除 没有这个类就添加
添加多个类
jquery 优势 jquery 可以进行链式操作 (可以进行连点)
网站栏目:jquery属性操作-创新互联
转载注明:http://azwzsj.com/article/cosoec.html