Jquery怎样移除同级class

Jquery移除同级class的方法:1、利用“$(“.元素类名”)”语句根据指定的class值获取对象;2、使用removeClass()方法移除元素的类,语法为“元素对象.removeClass(‘元素类名’)”。

Jquery怎样移除同级class

本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。

Jquery怎样移除同级class

1、打开html编辑器,新建一个html文件。在html代码页面上找到

并在里面新建一个,然后给这个添加一个class类和文本内容,案例中的类为:remark。

今晚要去吃大餐

登录后复制

后面新建一个点击按钮,给这个按钮添加一个点击事件,在案例中的点击事件为:reClass(),点击时触发移除class样式。


登录后复制

设置类样式。给remark设置一个字体大小为28px、颜色为红色的样式。

  .remark{   font-size: 28px;color: red;  } 

登录后复制

代码如下:

1122.22.png

2、引入jQuery库。在标签后面引入jquery库(注意:案例中jQuery库和html文件是在同一目录下)。


登录后复制

创建点击事件。在标签后面新建一个标签,在这个新建的标签里面创建一个点击移除class类事件。

  function reClass(){   $(".remark").removeClass('remark')  } 

登录后复制

1122.23.png

保存后使用浏览器打开,点击移除class按钮,发现

中的字体大小、颜色被移除了,表示移除class成功。如图:

1122.24.png

1122.25.png

相关视频教程推荐:jQuery视频教程

以上就是Jquery怎样移除同级class的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2705263.html

(0)
上一篇 2025年3月7日 19:49:59
下一篇 2025年2月24日 23:32:35

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery怎样改变td内容

    jquery改变td内容的方法:1、利用“$(td元素)”语句匹配td对象;2、利用eq()方法和html()方法来改变td的内容,语法为“td对象.eq(要改变元素的位置).html(改变后的值);”。 本教程操作环境:windows7系…

    2025年3月7日 编程技术
    200
  • jquery怎样移除数组中的一个元素

    方法:1、利用each()方法循环遍历数组;2、在循环语句中,使用if语句判断数组元素是否为指定值;3、利用splice()方法来移除指定的数组元素,语法为“数组元素.splice(数组索引值,1);”。 本教程操作环境:windows7系…

    2025年3月7日 编程技术
    200
  • jquery怎么改变href的值

    在jquery中,可利用attr()方法来改变href属性的值,该方法可设置被选元素的属性值,语法“$(selector).attr(“href”,”新url”);”或“$(selector)…

    2025年3月7日
    200
  • jquery怎样给div增加内容

    jquery给div增加内容的方法:1、利用利用“$(div元素)”语句匹配div对象;2、利用append()方法来给div添加内容,语法为“div对象.append(‘添加的内容’)”。 本教程操作环境:wind…

    2025年3月7日 编程技术
    200
  • jquery怎样给元素增加classname

    jquery给元素增加classname的方法:1、利用利用“$(元素)”语句匹配元素对象;2、利用addClass()方法来给元素添加classname,语法为“元素对象.addClass(“要添加的classname&#82…

    2025年3月7日
    200
  • jquery中怎样为某个li节点增加属性

    方法:1、利用“$(li元素)”语句匹配li对象;2、利用“:eq()”选择器选取指定的li节点,语法“li对象.eq(位置值)”;3、利用attr()方法为指定li节点添加属性,语法“li节点.attr(“新属性名”,“新属性值”)”。 …

    2025年3月7日 编程技术
    200
  • jquery怎样停止某个函数执行

    jquery中,可以在函数中使用if语句和return语句来停止函数的执行,return语句可以终止函数的执行并返回函数的值,语法为“if(停止条件){return;}”。 本教程操作环境:windows7系统、jquery1.10.0版本…

    2025年3月7日
    200
  • jquery怎样点击按钮删除当前行

    方法:1、给按钮元素绑定click点击事件,指定事件处理函数;2、在处理函数中利用“$(元素)”语句匹配元素对象;3、利用“:eq()”和remove()方法删除当前行,语法为“元素对象.eq(位置值).remove()”。 本教程操作环境…

    2025年3月7日 编程技术
    200
  • jquery怎样去掉字符串前后的空格

    在jquery中,可以使用“$.trim()”函数去掉字符串前后的空格,该函数会移除字符串开始和末尾处的所有空白字符(换行符、空格和制表符),语法为“$.trim(字符串变量)”。 本教程操作环境:windows7系统、jquery1.10…

    2025年3月7日
    200
  • jquery怎样实现元素自动消失又显示

    方法:1、利用fadeOut()方法使元素自动消失并执行指定函数,语法为“$(元素).fadeOut(消失的速度,指定函数;)”;2、在指定函数中利用fadeIn()方法使元素显示出来,语法为“$(元素).fadeIn(显示的速度)”。 本…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论