页面元素隐藏、修改样式

jquery隐藏元素

<div id="div1">
  <a id="a1">1</a>
  <a id="a2" style="display:none">2</a>
  <a>3</a>
</div>
// 如上
 $("#a1").hide();
 $("#a2").show();
// 没有id情况
 $("#div1 a").eq(1).hide();  //隐藏第一个a标签
 $("#div1 a").eq(-1).hide(); //隐藏最后一个a标签

修改 element.style 内联样式 如下图 width,

方法:在css样式表里面加入一个

.div{width:350px  ! important;}

可以看到的是最上面的width:180px禁用,就是优先显示width:350px

原文地址:https://www.cnblogs.com/start-fxw/p/9323046.html

时间: 2024-08-30 17:57:47

页面元素隐藏、修改样式的相关文章

使用chrome查看页面元素的css样式

我们在写页面的时候,可能总是不知道怎么回事,就发现某个元素出现了问题,但是不知道为什么会这样,这时候,就需要使用强大的chrome了!!! 举例说明: 1. 我们希望看到博客园这张图片的具体信息.就可以打开chrome的开发者工具,点击箭头后选中该图片,这时代码就自动定位到了该元素的HTML代码,如下图所示: 这个页面中,右上方的蓝色阴影下即为图片元素所在的HTML代码,而开发者工具的左下方就是该元素的css样式代码: 其中最上面的是行内样式, 往下有我们对其进行直接的样式设置的代码: 往下有从

ASP.NET 使用C#代码设置页面元素中的样式或属性

在HTML元素的属性中加上runat ="server"和ID="MyTag"即可在后台代码中通过设置MyTag.Style的值来控制样式. 例如:在前端页面加入: <div id="mydiv" runat="server"></div> 后台即可以直引用mydiv这个对像进行控制,比如: mydiv.Style["width"] = "100px"; 1.St

JS获取页面元素并修改

//实现代码如下,非常简单<script> (function(){ var ele = document.getElementsByTagName("ul"); //获取页面上所有的ul元素 var target; for(var i in ele){ if("art-list"==ele[i].className){ //找到类名位art-list的ul元素 target = ele[i]; break; } } var li_arr = targe

推荐一款非常棒的谷歌插件---快速查看HTML页面元素的CSS样式

一.下载地址 http://chromecj.com/web-development/2015-05/456/download.html 二.简介 CssViewer是一款快速查看当前页面元素的CSS样式的插件,无论是在做新的网页还是在做修改 相信他都能帮上大忙. 下载安装都非常的简单,测试过支持chrome支持360浏览器,别的没有测过.  三.截图

控制页面元素的显示和隐藏

CreateTime--2017年7月13日07:30:55Author:Marydon js控制页面元素的显示和隐藏&<c:if></c:if>标签控制页面元素的显示和隐藏 说明:本文的重点在使用后者实现 实例: 医嘱类型分为:长嘱,临嘱,中医三种,页面默认只显示长嘱信息,点击临嘱或中医显示对应信息:选中变色. CSS部分: /* 医嘱:长嘱,临嘱,中医样式显示 Start*/ .yz_td1 { line-height: 28px; height: 28px; padd

css隐藏页面元素的多种方法

在平常的样式排版中,我们经常遇到将某个模块隐藏,下面我整理了一下隐藏元素的多种方法以及对比(有的占据空间,有的不占据空间.有的可以点击,有的不能点击.): ( 一 )  display:  none; 特点:元素不可见,不占据空间,无法响应点击事件. .hide{ display: none; } ( 二 )  opacity: 0; ( IE8以下版本:filter:Alpha(opacity=50) ) 特点:改变元素透明度,元素不可见,占据页面空间,可以响应点击事件. .hide{ opa

whistle——真机移动端页面调试【查看、修改真机端的页面DOM结构及样式】

1.查看.修改真机端的页面DOM结构及样式[参考——https://imweb.io/topic/5981a34bf8b6c96352a59401]: 1.0.需要配置的rule——域名 weinre://随便某个分类命名[如:wq.jd.com weinre://test2——test2只是作为weinre的分类,防止一个weinre调试页面出现太多的连接]: 1.1.真机上访问某个页面,如访问微信下的发现>购物页面: 1.2.点击weinre下的,刚创建的分类test2,跳到http://1

javascript中通过className灵活查找元素 例如我们要把根据class来进行修改样式

原文:javascript中通过className灵活查找元素 例如我们要把根据class来进行修改样式 一.背景:一个表单中,要修改一些li中有class=box的样式,将它的background设置为red红色.一般的做法是我们可以先找到父级元素 ,然后由父级元素找到所有相关tagName,最后,来一个if判断,如果class属性为box,则修改之 var oUl = document.getElementById("ul1");                          

CSS 隐藏页面元素的 几 种方法总结

用 CSS 隐藏页面元素有许多种方法.你可以将 opacity 设为 0.将 visibility 设为 hidden.将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域. 你有没有想过,为什么我们要有这么多技术来隐藏元素,而它们看起来都实现的是同样的效果?每一种方法实际上与其他方法之间都有一些细微的不同,这些不同决定了在一个特定的场合下使用哪一个方法.我们只需要记住的细小不同点,根据不同情况选择上面这些方法中适合的方法来隐藏元素. d