Jquery 值和样式的操作

1:attr()方法用来获取和设置元素属性
1.1 attr(传入属性名) 获取属性的值
1.2 attr(属性名,属性值) 设置属性的值
1.3 attr(属性名,函数值) 设置属性的函数值
1.4 attr(attributes)给定元素设置多个属性值 即:{名一:“值一”,名二:“值二”,…………}

2:removeAttr(attributeName) 为匹配的元素集合中的每个元素中移除一个属性(attribute)

3:.html() 获取集合中第一个匹配元素的html内容或设置每一个匹配元素的html内容
3.1 .html()不传入值,就获取集合中第一个匹配元素的html内容
3.2 .html(htmlString) 设置每一个匹配元素的html内容
3.3 .html(function(index,oldhtml))用来返回设置html内容的一个函数
function(index,oldhtml) 此函数返回一个HTML字符串。接受两个参数,index为元素在集合中的索引位置,html为原先的HTML值。

4:.text() 得到匹配元素集合中每个元素的文本内容结合
4.1 .text() 得到匹配元素集合中每个元素的合并文本,包含他们的后代
4.2 .text(textString) 用来设置匹配元素内容的文本
4.3 .text(function(index,oldtext)) 用来返回设置文本内容的一个函数

5:.val() 用来处理表单元素的值
5.1 .val() 无参数,获取匹配的元素集合中第一个元素的当前值
注:.html() .text() .val()差异
1:三种方法都有用来读取选定元素的内容,只不过.html()用来读取元素的html内容(包含html标签),.text()用来读取元素的纯文本内容,包含其后代元素,.val()用来读取表单元素的”value”值。
{表单元素:input 、 select 、option 、 textarea 、button
HTML5 新增的表单元素 datalist 、keygen 、output}

6:.addClass() 修改元素的呈现效果
6.1 .addClass(classname)为每个匹配元素所要增加的一个或多个样式名
6.2 .addClass(function(index,currentClass))这个函数返回一个或更多用于空格隔开的要增加的样式名
这里写图片描述

7:.removeClass() 从匹配的元素中删除全部或者指定的class
7.1 .removeClass([className]) 每个匹配元素移除一个或多个用空格隔开的样式名
7.2 .removeClass(function(index,class)) 一个函数,饭会议或多个将要被移除的样式

8:.toggeleClass() 动态添加删除Class
在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或者切换属性
8.1 .toggleClass(className) 在匹配的元素集合中的每个元素上用来切换的一个或多个(空格隔开)样式类名。
8.2 .toggleClass(classname,switch) 一个布尔值,用于判断样式是否应该被添加或移除
8.3 .toggleClass([switch]) 一个用于判断样式类添加还是移除的布尔值
这里写图片描述
8.4 .toggleClass(function(index,class,switch)[,switch]) 用来返回在匹配的元素集合中每个元素上用来切换的样式类名的一个函数,接收元素的索引位置和元素旧的样式类作为参数。
这里写图片描述

9:.css() 获取元素样式属性的计算值或设置元素的css属性
9.1 .css(propertyName) 获取匹配元素中的第一个元素的样式属性的计算值
9.2 .css(propertyNames([])) 传递一组数组,返回一个对象结果
9.2.1 .css(propertyName,value) 设置css
9.2.2 .css(propertyName,function()) 可以传入一个回调函数,返回取到对应的值进行处理
9.2.3 .css(properties) 可以传入一个对象,同时设置多个样式
例:.css({‘background-color’:”red”,’font-size’:”12px”})
注: .addclass()方法通过增加class名的方式,那么这个样式是在外部文件或者内部样式中先定义好的,等到需要的时候附加到元素上 ;.css()方法处理的是内联样式直接通过元素的style属性附加到元素上的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值