首页
学习
活动
专区
工具
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元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券