美文网首页
jQuery方法,类名操作和DOM样式操作

jQuery方法,类名操作和DOM样式操作

作者: MGd | 来源:发表于2017-05-14 13:16 被阅读24次

类名操作

  • 1.添加类名:addClass(className) 为指定元素添加类名
注意:此处类名不带点,所有类操作的方法类名都不带点"."
  • 2.移除类名:removeClass(className) 为指定元素移除类名


  • 3.切换类名:toggleClass(className) 切换类名,如果没有指定类名就添加,有就移除。


  • 4.判断有没有某个类名

样式操作

  • 1.获取样式(.css("样式属性名称")):
  • 具体操作:
//获取想要获取样式的jQuery对象
var $div = $('.box');
//获取div的宽度
var w = $div.css('width');
  • 2.设置样式
  • 设置单个样式(.css("样式属性名称","样式属性值")):


//获取想要获取样式的jQuery对象
var $div = $('.box');
//获取div的宽度
var w = $div.css("color","blue");
  • 设置多个样式(.css({"样式属性名称":"样式属性值"})):


//获取想要获取样式的jQuery对象
var $div = $('.box');
//获取div的宽度
var w = $div.css({'width': '500px', 'height': '500px','background': 'red'});

相关文章

  • jQuery方法,类名操作和DOM样式操作

    类名操作 1.添加类名:addClass(className) 为指定元素添加类名 2.移除类名:removeCl...

  • jquery的class样式相关操作方法总结

    目录 JavaScript原生类样式操作获取类名添加类名替换类名删除类名 jQuery类样式操作使用attr获取和...

  • jQuery 学习笔记(一)

    全文介绍 jQuery 中入口函数 jQuery 对象和 DOM 对象 jQuery 选择器 jQuery 样式操...

  • jQuery框架之Dom(二)

    一、前言 在上篇文章中我们学到就jQuery操作 一些样式的方法。我们继续学习jQuery获取Dom的相关操作方法...

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

  • DOM操作和样式操作库的封装

    整理自DOM操作和样式操作库的封装 1.1、获取页面中元素的方法 document.getElementById(...

  • JQuery学习笔记(一)

    学习目标 掌握使用jQuery操作样式 掌握使用jQuery操作DOM 能使用jQuery绑定事件 能使用jQue...

  • js前端面试题(每日两道3)

    1.类名操作(原生js操作name的增删查) 完成几个 DOM 元素类名操作的工具方法: addClass(dom...

  • No.33 jQuery样式操作

    一、操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。 参...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

网友评论

      本文标题:jQuery方法,类名操作和DOM样式操作

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