H5在js中向指定的元素添加样式

今天在做一个按钮的功能控制,点击之后,要根据判断条件,修改按钮的样式,然后就发现了一个巨好用的方法,

<button type="button" id="btn_Add" class="btn btn-primary" onclick="AddAttachMent()">增加</button>

<script type="text/javascript">
function AddAttachMent() {

$("#btn_Add").addClass(‘ j-eui-file-panel-item-add‘);  //点击按钮,会在原来的按钮样式基础上添加新样式,如果要引用css文件,要先讲文件提前引用进来,另外,用$("#btn_Add")提取的话,要引用jquery文件

}

</script>

原文地址:https://www.cnblogs.com/jiuyueBlog/p/9397765.html

时间: 2024-10-10 08:47:36

H5在js中向指定的元素添加样式的相关文章

给指定的元素添加样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.12.1.js" type="text/javascript"></script> <script type=&q

js如何动态为指定的元素添加内容

js如何动态为指定的元素添加内容:在实际应用中要根据代码的执行情况来动态的创建一个元素,然后添加到指定的元素,下面就通过一个简单的实例简单的介绍一下如何实现此效果,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/"

通过JS动态的修改HTML元素的样式和增添标签元素等

一. 通过JS动态的修改HTML元素的样式 1. 要想在js中动态的修改HTML元素的样式,首先需要写document, document我们称之为文档对象,这个对象中保存了当前网页中所有的HTML标签 代码写法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>51-自定义原型对象</title>

jquery为指定的元素添加或者删除指定样式类

jquery为指定的元素添加或者删除指定样式类:在实际应用中,可能需要为指定的元素动态的添加或者删除指定css样式类,下面就通过简短的代码做一下介绍.一.添加css样式类: $("#antzone").addClass("class"); 上面的代码为指定的元素添加指定的样式类.更多相关内容可以参阅jQuery的addClass()方法一章节.二.删除css样式类: $("#antzone").removeClass("class&qu

css基础 给一个标记的后代中 指定的标签 或者指定标签的指定class名称 添加样式 (后代多级的)

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ex1: code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&

js中创建html标签、添加select下默认的option的value和text

<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;

js中,全局变量与直接添加在window属性的区别

在js中定义的全局变量是挂在window下的,而window的属性也一样,那么这两者有什么区别呢? 其实这两者还是有小小的区别的,全局变量是不能通过delete操作符删除的,而直接定义在window上的属性是可以删除的. 那么为什么全局变量不能删除呢? 因为全局变量也是个对象,这个对象时通过叫做PropertyDescriptor来定义的. 可以在浏览器中调用Object.getOwnPropertyDescriptor(对象, 属性)来查看 举例: var test = 2; window.t

as3.0中为TextField的文字添加样式

为TextField中文字添加样式的方式有多种,下面只说我常用的一种.通过TextField的htmlText属性及styleSheet属性来为文字添加样式.htmlText可以为文字添加标签,而styleSheet则为标签中添加的class定义样式.自摘代码片段如下: public class Main extends Sprite  { private var userNameInfo:TextField; public function Main()  { this.init(); thi

js中获得指定范围的n个不重复的随机数

function getarray(arr,num){ //复制数组,不能直接在原数组上修改 var temparr=new Array(); //遍历原数组 for(var i in arr){ //将原数组中数据一个个压入新数组中 temparr.push(arr[i]); } var returnarr=new Array(); for(var i=0;i<num;i++){ //判断数组是否还有可以取出的数字,防止下标越界 if(temparr.length>0){ //随机生成数字在