温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery属性操作

发布时间:2020-07-27 15:19:03 来源:网络 阅读:86 作者:wx5dad8c26324df 栏目:web开发

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 可以进行链式操作 (可以进行连点)

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI