jQuery 属性、样式操作

1、属性操作

获取属性

var $para = $("p");
var p_txt = $para.attr("title");

设置属性

$("p").attr("title","我的标题");
$("p").attr({"title":"我的标题","name":"test"});

删除属性

//删除p元素的title属性
$("p").removeAttr("title");

2、样式操作

获取属性

var p_class = $("p").attr("class");

设置属性

$("p").attr("class","high");

追加样式

$("p").addClass("anthorClass");

移除样式

$("p").removeClass("high");
//同时删除两个class
$("p").removeClass("high").removeClass("another");

切换样式

$toggleBtn.toggle(function(){
  //显示元素
},function(){
  //隐藏元素
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是属性操作? 就是和属性有关的操作, 获取,html(),attr(),val() 删除,removeClas...
    鸭梨山大哎阅读 237评论 0 0
  • jQuery属性操作 属性attr操作 CSS类操作 HTML代码操作 文本text操作 值val操作
    我可能是个假开发阅读 419评论 1 5
  • 表单内容value值 元素的属性
    辉夜乀阅读 164评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,156评论 19 139
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,376评论 1 41