美文网首页
jQuery 属性、样式操作

jQuery 属性、样式操作

作者: crocodile_b | 来源:发表于2016-01-21 11:11 被阅读9次

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(){
  //隐藏元素
})

相关文章

  • jQuery 样式操作

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

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作样式与属性

    jQuery操作样式 css操作 功能:设置或者修改样式,操作的是style属性 操作单个样式 设置多个样式 获取...

  • 前端学习笔记(二)

    jquery和JavaScript之间操作属性和样式的方法,被我搞混了,认真学习区分了一下。 jquery操作样式...

  • day9-jQuery

    十七.什么是jQuery 十八.jQuery属性操作和样式 十九.jQuery的动态添加和删除 20.Ajax

  • jQuery 属性、样式操作

    1、属性操作 获取属性 设置属性 删除属性 2、样式操作 获取属性 设置属性 追加样式 移除样式 切换样式

  • jquery样式、属性操作

    jquery样式操作同一个函数完成取值和赋值 操作行间样式 // 获取div的样式("div").css("col...

  • jquery样式操作 属性操作

    同一个函数完成取值和赋值 操作行间样式 // 获取div的样式("div").css("color"); //设置...

网友评论

      本文标题:jQuery 属性、样式操作

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