jq和js分别设置标签属性及样式
来源:互联网 发布:能备份应用数据的软件 编辑:程序博客网 时间:2024/06/06 10:40
1、通过jq方法设置属性及样式
attr是设置标签属性,比如设置id,设置class
而css是设置style样式的,比如设置背景色,设置显示为块级元素等。例子如下:
var content=$(".divContent");
content.attr('id','divContentId');//设置标签属性
var getAttr=content.attr('id');//获取标签属性
content.css('display','block') //设置显示块级元素
var getDisplay=content.css('display');//获取样式
content.css('background-color','pink');//设置背景色
var getColor=content.css('background-color');//获取背景色
//结果:<div class="divContent" id="divContentId" style="display: block; background-color: pink;"></div>
2、通过js方法设置标签属性及样式:
var content=document.getElementById("divContent");
content.setAttribute('title','divContent');//<div class="divContent" id="divContent" title="divContent"></div> //设置title属性
console.log(content.getAttribute('title')); //输出:divContent 获取title属性
content.style.backgroundColor="red"; //设置背景色
console.log(content.style.backgroundColor)//获取背景色 输出:red
阅读全文
0 0
- jq和js分别设置标签属性及样式
- JS和JQ得到标签的属性和标签内的值
- 设置和取得HTML标签的样式或属性值
- css样式标签和js语法属性区别
- JQ设置更改属性和属性值
- 通过通过分别配置 PagerStyle 和 PagerSettings 属性,自定义页导航的样式和设置
- 原生JS和jQ总结--样式
- 分别使用JQ和JS实现定时弹窗
- js和jq分别实现点击显示隐藏的功能
- 第二课 | 第三节 | 块属性标签和行内属性标签及样式优先级
- JQ或JS仿京东淘宝属性规格SKU样式
- js、jq和标签里面设置按钮可点击与不可点击状态
- a标签样式 和 a标签属性
- 标签样式 和 a标签属性
- 动态创建Dom元素,并设置属性和类----JS&JQ
- <hr/>标签的属性及样式
- html标签默认样式属性及浏览器默认样式
- html标签默认属性样式及浏览器默认样式
- jquery
- Python---字典内置方法
- SCP (Secure Copy) 命令参考
- linux命令
- 对java虚拟机内存的理解(图)
- jq和js分别设置标签属性及样式
- 异常
- Android Studio中实现本地html中js与java交互简单实例
- apache中修改错误日志中的错误级别
- androidstudio2.3.2签名打包安装失败问题,INSTALL_PARSE_FAILED_NO_CERTIFICATES
- 【响应式Web设计】读书笔记
- Linux 命令
- PHP中的Trait 特性及作用
- Hadoop基础教程-第8章 Zookeeper(8.2 Zookeeper下载与安装)(草稿)