美文网首页简媒
第6节: 元素样式的操作

第6节: 元素样式的操作

作者: 程序世界 | 来源:发表于2020-03-07 14:23 被阅读0次

知识讲解:

除调用css方法实现在元素样式的设置外,jQuery还有专门的样式方法,对元素的样式进行操作,代码如下列所示:

oTxt.addClass("status");

上述代码是通过jQuery中的addClass方法,向元素对象oTxt添加一个名为status的样式,此外,还可以调用removeClass方法来移除已添加好的样式。

例如,在一个页面中,调用addClass方法向一个多行文本框元素对象添加一个status样式,实现文本框中内容加粗变红输入,如下图所示:

在浏览器中显示的效果:

从图中可以看出,调用addClass方法可以很方便地将设置好的样式名添加到页面元素对象中,代码非常简洁。

相关文章

  • WebAPI(二)

    (一)操作元素样式 1.通过style操作元素的样式 语法:元素.style.样式属性名 = '样式属性值'; 代...

  • jQuery元素的操作

    样式操作样式的设置 css方法操作的是元素的行内样式//css方法// $('#test').css('backg...

  • jQuery节点操作

    添加元素 html创建元素 清空元素 复制元素 属性操作 值和内容 其他样式操作

  • 第6节: 元素样式的操作

    知识讲解: 除调用css方法实现在元素样式的设置外,jQuery还有专门的样式方法,对元素的样式进行操作,代码如下...

  • 2.DOM:操作元素(innerText、innerHTML、属

    操作元素 ​ JavaScript的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素...

  • Web-API-02

    排他操作 排他思想 所有元素全部清除样式 给当前元素设置样式 案例:表格隔行变色 案例:全选 自定义属性操作 设置...

  • JS常用API合集-CSS篇

    CSS类名操作 如何给元素添加/删除Class style样式表操作 页面引入link~ style样式操作 例如...

  • javascript 之完美运动封装

    getStyle获取元素样式 兼容IE火狐 function startMov dom 操作元素运动json元素...

  • 如何用js改变伪元素的样式?

    在工作偶尔会遇到改变伪元素样式的场景,虽然也有很多解决方法,但是这个方法能让你像操作正常元素一样操作伪元素样式。

  • Dom样式操作

    样式操作 一、 概要 通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。...

网友评论

    本文标题:第6节: 元素样式的操作

    本文链接:https://www.haomeiwen.com/subject/rsrcdhtx.html