记JQ的attr（）方法和css（）方法的差异

最新推荐文章于 2024-06-20 14:08:50 发布
最新推荐文章于 2024-06-20 14:08:50 发布
阅读量176 收藏
点赞数
分类专栏： JS学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42341232/article/details/106362583
版权

今天做项目时想利用JQ给某个元素动态设置高度，但是发现并没有效果

      $(".li_abouts").attr("height", "auto");

然后我尝试打印结果发现是undefined，最后浏览器检查元素发现其实他的身上并没有height这个元素，所以怎么可能设置成功呢。

然后我尝试用以下代码就可以设置成功

 $(".li_abouts").css("height", "auto");

最后百度查询得知，attr（）方法适用于内联样式的元素，css（）方法可以适用与非内联的，包括内部导入等。

这真是一个小小的细节啊，平时没学好~~

廖子默
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq总结(自己的一些体会和总结，希望可以帮到大家)
weixin_43833051的博客
11-29 1148
1、jQuery介绍 jQuery是一个js框架(其实就是一个.js文件),它的特点是使用选择器查找要操作的节点,并且将这些节点封装成一个jQuery对象。封装的目的是为了更好地兼容不同的浏览器之间的差异，同时也会简化代码。 注： 选择器是jQuery借鉴css选择器的语法而创建的一种查找要操作的节点的语法格式。比如 $(’#id’); 2、jQuery基础 (1)jQuery编程的基本步骤 s...
html+css+js基础问答
qq_43751465的博客
08-26 5190
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
jquery html()样式悠效,jquery怎么用attr()方法判断改变css样式？
weixin_29801195的博客
06-23 238
jquery怎么用attr()方法判断改变css样式？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。jquery中用attr()方法用于设置或返回被选元素的属性值；根据该方法不同的参数，其工作方式也有所差异。attr是attribute(属性)的缩写，在jQueryDOM操作中会经常用到attr()，attr()有4个表达式。1、attr(属性名) ...
JS与jQ读取xml文件的方法
LHB的博客
02-21 668
jquery读取xml文件<!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w.org//xhtml"> <head> <title>jQuery 读取XML文件-jQ
html+css+js+jQuery学习笔记
大雾起了清晨
04-25 1527
Css中“.”可以选择包含两个样式的东西“，”可以都选上 img可以把div撑开 只设置宽 或者高那么将按照比列缩放扩大 Outline:none;//input text类型有外边框； Preferences->Key Bindings->user->编辑文档//代码对齐 { "keys": ["ctrl+alt+l"], "command": "reindent" }, cursor:pointer 小手 sub 上标 背景图定位：左右反 上下正 Display:no.
html5中如何取attr,jquery中attr的用法
weixin_33603111的博客
06-21 338
jquery attr和css用法jquery的attr是属性，css是样式。虽然元素有关于外观的属性，但有时候每个浏览器的定义有可能存在差异，而且不是每个元素都有特定的属性。 对于元素外观调整，最好用CSS来定制。而CSS最好做法还是直接写在CSS文件中。jQuery中attr与pop的区别jquery用attr方法获取元素id相关问题jQuery中css()与attr()之间的区别jquery...
jquery中prop()方法和attr()方法的区别浅析
12-10
在jQuery中，`prop()`和`attr()`方法都是用于处理元素的属性，但它们之间存在重要的区别，尤其是在处理特定类型的属性时。这篇文章将深入探讨这两个方法的差异，并给出何时使用它们的指导原则。 首先，`attr()`方法...
jQueryAPI.rar_jq 1.2.6api
09-23
`fadeIn()`, `fadeOut()`, `slideToggle()`等方法用于实现淡入淡出和滑动效果，`animate()`则允许自定义动画效果，包括改变元素的位置、大小、颜色等属性。 5. **Ajax操作** jQuery简化了Ajax请求的编写。`$.ajax...
JQ教程有电子书插件帮助文件架包
06-26
而`attr()`和`removeAttr()`则用于处理元素属性。 事件处理是jQuery的另一个亮点。通过`.on()`方法，我们可以方便地绑定事件处理函数，如`$("#element").on("click", function() {...})`来响应点击事件。同时，...
使用JS实现纯分页原理以及实现
廖子默
10-13 2985
写在前面 好久没写博客了，因为实习工作好忙，还要同时兼顾毕业设计，最主要的是我现在是前端实习，哈哈，我一个在大学学了这么久后端开发的人，结果人生第一份正式的实习工作是前端。现在做了一个月了，自学了很多的前端知识，也对前端有了更多的了解，发现以前的认知都是错误的，什么前端简单，谁再说这句话我会认为他是一个ZZ。还有最后就是其实作为一个软件开发的人，技术栈一定要广，然后才深入几个。 不说废话了—实...
Javascript将数组对象相同key值合并并且将对象特定值合并计算
廖子默
03-26 1679
实现思路就是先分组—然后扁平化数组–针对特定项计算 1.给出测试数据如下 let temp = [ { id: "1", label: "1Msjjs-10-01", num: 10, name: "564" }, { id: "2", label: "1Msjjs-20-01", num: 10, name: "789" }, { id: "3", label: "1Msjjs-20-01", num: 20, name: "564" }, { id: "4", label: "1Msjj
使用Vue+Antv-X6实现一个输送线可视化编辑器（支持拖拽、自定义连线、自定义节点等）
廖子默
06-20 1251
使用Vue2+Antv-X6去实现一个类似流程编辑器的小东西，X6做的真不错，推荐大家使用
配置快捷方式启动MongoDB
廖子默
02-22 406
由于最近想弄一个全栈项目。又搞起mongodb，发现每次启动都特别麻烦，所以想着搞个快捷方式来启动。 1.新建一个.bat文件，其中cd到什么盘，以及什么目录就看你安装的mongodb的目录了，自行替换即可 2.配置一个mongo命令的环境变量，什么盘也是自行替换，注意是bin目录的路径。 3.大功告成，每次使用只要点击一下.bat文件再重新打开一个命令行窗口输入mongo就可以直接使用了效果图如下 ...
JS正则截取中英混合字符串到中文结束为止的内容
廖子默
11-21 270
【代码】JS正则截取中英混合字符串到中文结束为止的内容。
学习Node时遇到的回调函数问题
廖子默
02-13 156
怎么获取异步操作的结果或者说返回值？ 例如下面这个函数 function test(){ setTimeout(function(){ var data = 'hello word' },1000) } 此时要如何获取这个data的数据呢？ 有人这样写，给变量接收返回值就行了，如下 function test(){ var data = '默认数据' setTimeout(func...
JS数据类型中的一些注意点
廖子默
06-11 150
常见的5种基本类型 字符串（String） 数字(Number) 布尔(Boolean) 对空（Null） 未定义（Undefined） 三种引用数据类型 对象(Object) 数组(Array) 函数(Function) 值得 注意的是当我们使用typeof检测以上8中类型的时候，对于null、array、object时他们的返回值都是object。 输出结果如下 那么此时可以使用instanceof来区分，返回值是一个Boolean值 Null和Undefined的区 Null是赋值了，但是值为空
8051Proteus仿真c源码用LCD循环右移显示WelcometoChina
最新发布
09-06
8051Proteus仿真c源码用LCD循环右移显示Welcome to China提取方式是百度网盘分享地址
8051Proteus仿真c源码万能逻辑电路实验
09-06
8051Proteus仿真c源码万能逻辑电路实验提取方式是百度网盘分享地址
深入理解jQuery attr()方法：设置与获取属性值的实战
本文将详细介绍attr()方法的两个主要用途：获取属性值和设置属性值。 1. 获取属性值 当调用`$(selector).attr(name)`时，你需要传入一个选择器（如ID、类名、标签名等）和一个属性名。例如，在提供的代码片段中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值