jquery怎么获取css样式-创新互联
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 可以进行链式操作 (可以进行连点)
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章标题:jquery怎么获取css样式-创新互联
URL地址:http://hbruida.cn/article/despoi.html