博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery之DOM属性
阅读量:5365 次
发布时间:2019-06-15

本文共 1411 字,大约阅读时间需要 4 分钟。

1.  .addClass()方法:为每个匹配的元素添加指定的样式类名。值得注意的是设个方法不会替换一个样式类名。他只是简单的添加一个样式类名到元素上。对所有匹配的元素可以一次添加多个用空格隔开的样式类名。像这样:

1 $("p").addClass("myClass yourClass");

     这个方法通常个.removeClass()方法一起使用,用来切换样式,像这样:

1 $("p").removeClass("myClass noClass").addClass("yourClass");

     这是一个例子:

            

这是段落1

这是段落2

这是段落3

     例子显示图片:

2.  .attr()方法:获取匹配的元素集合中的第一个元素的属性的值  或 设置每一个匹配元素的一个或多个属性。注意: 除少数属性意外,属性值都是字符串,如value和tabindex。

     当属性值没有被设置的时候(这里的设置是在元素里面必须有声明这个属性,而且属性可以自己定义,例如给一个input元素一个“ahref”属性),.attr()方法将返回undefined。还有一个方法是.prop()方法,这个方法可以获取元素的的属性(property)值,一般.prop()方法里面说的是元素的特性,也就是说这里的属性是元素本来就有的,用户自己定义的使用这个方法会返回undefined,下面举一个例子:

            
游泳

     例子显示图片:

3.  .hasClass(className)方法:确定任何一个匹配的元素是否有被分配的类。存在就返回true,反则会犯false。这个方法很简单,就不写例子了。

4.  .html()方法:这个方法可以获取匹配元素中的HTML内容或者是这只匹配元素的HTML内容,在前面的.attr()方法中的例子代码中用到了这个方法,这个也是看以下就会使用的。

5.  .prop()方法:在之前跟.attr()方法做了比较。

6.  .removeAttr()方法:为匹配的元素集合中的每个元素中移除一个属性(attribute)。使用了原生的javascript的removeAttribute()函数,但是它的优点是可以直接在一个 jQuery 对象上调用该方法,并且它解决了跨浏览器的属性名不同的问题。

7.  .removeClass()方法:移除集合中每个匹配元素上一个,多个或全部样式。

8.  .removeProp()方法:为集合中匹配的元素删除一个属性(property)。

9.  .toggleClass()方法:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

10.  .val()方法:获取匹配的元素集合中第一个元素的当前值。设置匹配的元素集合中每个元素的值。

 

转载于:https://www.cnblogs.com/wgl1995/p/6236982.html

你可能感兴趣的文章
MVC3 控件
查看>>
mysql (一)
查看>>
photoshop图层样式初识1
查看>>
【.NET】使用HtmlAgilityPack抓取网页数据
查看>>
typedef的使用
查看>>
基于位置的本地商铺个性化推荐
查看>>
职场上一个人情商高的十种表现
查看>>
【底层原理】深入理解Cache (下)
查看>>
Elasticsearch安装中文分词插件IK
查看>>
进阶4:常见函数-单行函数
查看>>
简述企业信息化与企业架构关系
查看>>
npoi List 泛型导出
查看>>
ASP.NET自定义控件组件开发 第一章 第三篇 第一章的完结篇
查看>>
T-sql表表达式
查看>>
async await 原理吸收
查看>>
leetcode算法:Next Greater Element I
查看>>
ionic 调用百度地图API,并定位当前位置示例
查看>>
关于MFC程序运行阶段出现试图执行的操作不受支持
查看>>
流程图怎么画?分享绘制流程图简单方法
查看>>
squid的处理request和reply的流程
查看>>