选择器修改样式

addClass和removeClass

eg:

$("button").addClass("animated bounce");

$(".well").addClass("animated shake");

$("#target3").addClass("animated fadeOut");

$("button").removeClass("btn-default");

修改css:

$("#target1").css("color","red");

修改html元素属性:

$("#target1").prop("disabled",true);

修改元素内部的html和文本内容:html和text

$("#target4").html("<em>jQuery Playground</em>");

$("#target3").text("hello target");

删除元素:remove

$("#target4").remove();

appendTo:

$("#target2").appendTo("#right-well"); //Move your target2 element from yourleft-well to your right-well. 用appendTo会删除原来位置的元素

clone():

$("#target5").clone().appendTo("#left-well");//Clone your target5 element and append it to your left-well.clone 会保持原来的元素,在其原来的位置

parent():选择父元素

children():选择所有的子元素

选择特定的某个元素:

$(".well:nth-child(2)").addClass("animated bounce");

时间: 2024-10-21 09:04:10

选择器修改样式的相关文章

JavaScript基础之DOM修改样式

1.获取或设置元素的内容:3个属性:   1. innerHTML: 获取或设置元素开始标签到结束标签之间的所有HTML代码原文.      何时使用:只要获得完整的html代码原文时      优化:如果批量删除或插入多个子元素时,尽量避免单个操作!            每次插入或删除操作都会导致排版引擎重新layout.            如果批量删除或插入,排版引擎只需要一次layout即可.      如何优化:                1. 删除: parent.inner

15-07-26 HTML--样式基本概念、选择器、样式属性

15-07-26 HTML--样式基本概念.选择器.样式属性 样式表: CSS(Cascading Style Sheets,层叠样式表) 作用:美化HTML网页,页面布局. 分类: 内联,写在标签里面style=""里面的样式,优点是控制精确,可重用性差. 内嵌,嵌在网页的head里面,可重用性高 外部,样式写在另一个文件里面,如果要用直接附加过来. 优先级:内联>内嵌>外部 选择器: * 代表所有的元素 一般的网页都需要在写这个样式,去掉有些标签自带的边界,auto代表

jQuery修改样式

jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用

Element-ui之修改样式

修改样式的方法 官网上面介绍了几种方法: 当然还有其他的方法,比如直接在vue文件的style里面设置样式进行覆盖,或者引入其他的scss文件(谁说的一定要引入variables.scss,我偏不信),下面为直接在style中通过选择器进行覆盖的样子,结果也是有效的 经过一段时间的使用,发现直接在style中添加样式并不好维护,因为很多时候,同一个样式会利用在项目中的很多地方,比如一个后台的所有按钮风格都要一样,我们也不可能每一个都去设置一下样式,如果突然感觉颜色不对,岂不是要每个文件的去修改了

JS如何操作class选择器的样式

在学习前端的知识的时候,发现使用JS无法操作class选择器的样式,刚开始还以为是js没有设置,只有在jquery可以操作呢? 看了一些相关文章才清楚: document.getElementsByClassName拿到的是数组并非某一个对象  var box = document.getElementsByClassName("box"); box.value; //返回undefined   1 var box = document.getElementsByClassName(&

js访问外部的css 来修改样式

js访问外部的css 来修改样式,布布扣,bubuko.com

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

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

【写一个自己的js库】 5.添加修改样式的方法

1.根据id或class或tag修改样式,样式名是-连接格式的. function setStyleById(elem, styles){ if(!(elem = $(elem)) return false; for(prop in styles){ if(!styles.hasOwnProperty(prop)) continue; if(elem.style.setProperty){ elem.style.setProperty(prop, styles[prop]); }else{ el

使用word中的宏实现选中指定类型表格,并且批量修改样式结构

使用word中的宏实现选中指定类型表格,并且批量修改样式结构 Sub SelectAllTables() ' ' SelectAllTables 宏 选中所有表格 ' ' Dim tempTable As Table Application.ScreenUpdating = False '判断文档是否被保护 If ActiveDocument.ProtectionType = wdAllowOnlyFormFields Then MsgBox "文档已保护,此时不能选中多个表格!" E