如果删除行内样式中某一个 属性

如果删除行内样式中某一个 属性,

例下面: H2 本身有 font-size:12px; margin:0; padding:0;

点击事件  加了一个 border","1px dashed red",

则次点击 把 border 去了,  保留font-size:12px; margin:0; padding:0;

如何实现

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
<div class="oDiv">
  <h2 style="font-size:12px; margin:0; padding:0;">无标题文档无标题文档无标题文档无标题文档</h2>
</div>
</body>
</html>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">

$(function(){

     $("h2").click(function(){

           $(this).css("border","1px dashed red");

            var objs=$(this).attr("style");

         })

    })
</script>

估计也有其它办法   现在在朋友的帮忙下, 用一个全局变量 做了一个判断, 也能实现 切换的效果
代码如下:

<script type="text/javascript">
$(function(){
    var NoY=1;
     $("h2").click(function(){
            if(NoY==1){
                 $(this).css("border","1px dashed red");
                 NoY=0;

                }else{
                     $(this).css("border","none");
                     NoY=1;
                    }

         })

    })
</script>
时间: 2024-12-23 10:53:45

如果删除行内样式中某一个 属性的相关文章

CSS覆盖公共样式中的某个属性

CSS如何覆盖公共样式中的某个属性?利用CSS样式的优先级. 如下例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g

saddle中每一个属性赋值给到WebPlate中的同名属性

//将saddle中每一个属性赋值给到WebPlate中的同名属性   foreach (PropertyInfo info in saddle.GetType().GetProperties())   {    try    {     string objString = info.Name;     object objValue = saddle.GetType().GetProperty(objString).GetValue(saddle, null);     this.GetTy

css样式中常见的属性

一 CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ v

删除一个Javascript对象中的一个属性

一个Javascript对象如下 var myObject = { "ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*" }; 想要达到的目的如下 var myObject = { "ircEvent": "PRIVMSG", "method": &qu

better-scroll的用法,及其中的一个属性event._constructed详解

better-scroll是一个页面滚动插件,用它可以很方便的实现下拉刷新,锚点滚动等功能. 实现原理:父容器固定高度,并设置overflow:hidden,子元素超出父元素高度后将被隐藏,超出部分可滚动且没有滚动条. 立即使用: <body> <div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div> &

删除JSON中的一个属性

一个JSON如下 var myObj = {'test' : {'key1' : 'value', 'key2': 'value'}} 使用 delete 来删除一个属性 delete myObj.test.key1;

[moka同学笔记]Yii2.0给一张表中增加一个属性

1.model中建立关联 public function getUser(){ return$this->hasOne(User::className(),['id'=>'uid']) ; } 2.在视图中 <?= GridView::widget([ 'dataProvider' => $dataProvider, 'columns' => [ // ['class' => 'yii\grid\SerialColumn'], 取消掉编号 ['attribute'=&g

深入理解脚本化CSS系列第一篇——脚本化行内样式

× 目录 [1]用法 [2]属性 [3]方法 前面的话 脚本化CSS,通俗点说,就是使用javascript来操作CSS.引入CSS有3种方式:外部样式,内部样式和行间样式.本文将主要介绍脚本化行间样式 基本用法 行间样式又叫内联样式,使用HTML的style属性进行设置 <div style="height: 40px;width: 40px;background-color: blue;"></div> element元素节点提供style属性,用来操作CS

C#语言中字段和属性相关知识剖析

针对C#中的字段和属性,很多初学者无法区分这两者之间的区别. 字段与属性比较 字段;是一种"成员变量",一般在类的内部做数据交互使用,占用内存空间. 属性:a.是一种逻辑变量,一般跟字段一起结合起来使用,是字段的扩展,并不占用实际的内存. b.属性其实就是外界访问私有字段的入口,属性本身不保存任何数据.在面向对象设计中主要使用属性描述对象的静态特征. c.属性设置过程中一般会用到get和set两个方法.可以在方法里加入逻辑处理数据,灵活拓展使用. 标注:因为属性不占用实际内存,所以属性