JQ遇到$(‘.xxx’).attr(‘display’)一直返回undefined
2024-08-24 09:49:48
jq attr && jq css
1.1 attr() 方法设置或返回被选元素的属性值
我们就题目遇到的问题做一个测试
//html
<div class="div1" name="oDiv"></div>
//js
console.log('attr-display =======>', $('.div1').attr('display'));
console.log('attr-name =======>', $('.div1').attr('name'));
猜一下结果?
attr-display =======> undefined
attr-name =======> oDiv
注意要把script放在html后,或者加上
$(function(){}))
可以看到css样式display
为undefined,而标签属性name
却拿到了值。 从而可以解释,$.attr()封装了原生attribute.只能获取/改变属性值,如果需要获取/改变样式:
- 利用attr()改变class的值
- 利用css()改变样式
1.2 css() 方法返回或设置匹配的元素的一个或多个样式属性
还是看一下例子
console.log('css-display =======>', $('.div1').css('display'));
console.log('css-name =======>', $('.div1').css('name'));
返回结果 ⬇
css-display =======> block
css-name =======> undefined
总结来说,就是:获取属性用attr,获取样式用css
具体哪些元素是attribute
,哪些是style
.
可以根据经验简单判断: 存在于标签的就是标签属性,存在于stles的就是样式属性
如果想看具体的,可以打开控制台: Elements
=> 右侧面板:Properties
=> 查看相应元素的attributes和styles
attributes:
styles:
除了attributes
和css
你还需要额外了解property
具体可以查看我这篇文章:《详解JS中DOM 元素的 attribute 和 property 属性》
最新文章
- Android调用Jni,非常简单的一个Demo
- Android 记录和恢复ListView滚动的位置的三种方法
- 解决thrift: &#183;&#183;&#183;No such file or directory问题
- 第七篇 SQL Server安全跨数据库所有权链接
- hdu 5340 Three Palindromes
- ZOJ 3647 Gao the Grid dp,思路,格中取同一行的三点,经典 难度:3
- mysql server has gone away 与max_allowed_packed
- 【转】华为Java编程军规,每季度代码验收标准
- 如何快速正确的安装 Ruby, Rails 运行环境-b
- ORA-00928: 缺失 SELECT 关键字
- Laravel5.2 下使用Form
- Android Bitmap圆角
- 关于采用MVC开发默认路由导致首页部分文件访问失效的临时解决方案
- Java订单功能模块设计与实现
- python模拟---注册登陆查看个人信息
- AOP 技术原理——代理模式全面总结
- suffix word ality ally an ancy ance an aneity out ~1
- 使用freemarker导出word
- C# Azure 用Webhook添加警报规则
- 1、QThreadPool线程池的使用,线程和Widget通过QMetaObject::invokeMethod交互。
热门文章
- 以太坊ETH中智能合约消耗的Gas、Gas Limit是什么?
- Django框架----模板语法
- Sqring核心概念
- php 获取最近一周,一个月,一年
- Spring Boot 2 (五):Docker Compose + Spring Boot + Nginx + Mysql 实践
- udp丢包 处理
- mongodb安装、远程访问设置、基本常用操作和命令以及GUI
- 20145308 《网络对抗》 MAL_免杀原理及实践 学习总结
- Click()与Submit()
- Python3基础 list count 查询指定元素在列表中出现了多少次