学习
实践
活动
专区
工具
TVP
写文章

jQuery之属性

紧接着上一篇>,继续回顾jquery API文档。下面直接切正题:

一、属性

1、attr(name|pro|key,val|fn)

获取匹配元素的属性的值 或 设置匹配元素的属性

name: 属性名称

properties:属性的“名/值对”对象

key,val:属性名称,属性值

key,function(key,attr):

1、属性名称

2、返回属性值得函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值

2、removeAttr(name)

从每个匹配的元素中删除一个属性

3、prop(n|p|k,v|fn)

同attr;

prop和attr区别:

A:对于HTML元素本身就带有的固有属性,在处理时使用prop方法;如:checked,selected或disabled

B:对于HTML元素我们自己自定义的DOM属性,在处理时使用attr方法

4、removeProp(name)

删除由.prop()方法设置的属性集

二、CSS类

1、addClass(class|fn)

为匹配的元素添加指定的类名

class:一个或多个css类名,多个用空格分开

function(index,class):必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。

2、removeClass([class|fn])

从所有匹配的元素中删除全部或者指定的类

class:一个或多个要删除的CSS类名,用空格隔开

function(index,class):必须返回一个或空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。

3、toggleClass(class|fn[,sw])

如果存在(不存在)就删除(添加)一个类

三、HTML代码/文本/值

1、html([val|fn])

获取 或 设置匹配元素的内容;不能用于XML文档,可用于XHTML文档

获取:$("p").html()

设置:$("p").html("hello world!");

使用函数:

2、text([val|fn])

获取 或设置 匹配元素的纯文本内容;XML和HTML文档都有效

获取:$("p").text()

设置:$("p").text("hello world!");

使用函数:

3、val([val|fn|arr])

获取匹配元素的当前值

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180314G1NB9X00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

同媒体快讯

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券