$().attr() 和 $().css的区别

最新推荐文章于 2024-05-03 12:26:08 发布
最新推荐文章于 2024-05-03 12:26:08 发布
阅读量4.9k 收藏 6
点赞数 4
文章标签： 隐藏div层 .attr()和.css() jquery隐藏div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/banjing_1993/article/details/79639269
版权

 最近调整前台的时候发现 使用jquery的.attr( )方法去给div隐藏，我是这样写的 $("#div_id").attr("display","none"),发现并没有生效，但是docunment.getElementById("div_id").style("display","none")就生效了。 而且再调试的时候发现，使用$("#div_id").attr("width","180")也是生效的....


原因：应该写成 $("#div_id").css("display","none")  

            display属于css中的属性，而不属于该div的属性，而width既是div的属性，也是css的属性，所以会出现上面的情况，以后再使用jquery去修改某一标签的style 或着属性  要清楚是用attr( ）还是css( )

青衣宋词
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
$().attr()的用法 && $().html()与$().text()的区别
weixin_34198583的博客
01-19 2642
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery 设置checkbox的checked属性相关
bsr1983的专栏
03-28 329
所使用的jquery版本为jquery-1.9.1，浏览器为Chrome 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(checkedOfAl...
$.attr()与$.data()的区别
XCMercy
03-25 3694
本文参考自wdskuki的文章，文章地址Jquery中.attr()和.data()的区别 本质区别 $.attr()和$.data()本质上属于DOM属性和Jquery对象属性的区别。 示例代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
你不知道的CSS函数：attr() 的深度探索
艾恩小灰灰的博客
05-03 641
attr()函数虽小，却蕴藏着巨大的潜力，它让CSS样式与HTML数据紧密结合，为网页设计带来了新的维度。通过本文的介绍和示例，希望能激发你对CSS这一功能的探索热情，让你的设计更加灵动和高效。记住，技术的边界往往在于探索者的想象力，不妨在你的下一个项目中尝试一下attr()的魅力吧！
jQuery的.attr()方法
王魂风气的博客
01-11 8741
用了好几次这个方法，还是很疑惑，就去系统的学习了一下。 总结如下： .attr()方法是jQuery操作属性的一个方法。可以根据参数的不同，来获取或设置属性值。 .attr()方法常用的四个表达形式： 1 $(selector).attr(传入属性)：获取属性值，例： 获取iuput的value属性值 $("input").attr('value') 2 $(selector).attr(属性...
三、自定义attr属性,指定方向
怪蜀黍
01-28 457
LinearLayout的orientation orientation是支持横向和竖向的，且是直接写在布局里面的，那么我们自定义的话是怎么来实现呢？这里就要延伸出一个自定义属性的东西。 使用步骤 在attr.xml里面配置 <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="MineLineLayout"> <attr name="andro
css-attr.js
01-14
css-attr.js
前端 HTML 和 CSS 代码示例.rar
最新发布
05-30
基本的CSS选择器有类型选择器（如`p`）、类选择器（如`.class`）、ID选择器（如`#id`）以及属性选择器（如`[attr]`）。CSS还可以通过盒模型来控制元素的尺寸、内边距、边框和外边距，以及使用Flexbox或Grid布局进行...
CSS文档 CSS2.0.chm
07-07
2. **选择器**：CSS2.0提供了多种选择器，包括元素选择器（如`<p>`）、类选择器（如`.class`）、ID选择器（如`#id`）、伪类（如`:hover`）和属性选择器（如`[attr=value]`）。这些选择器帮助开发者精确地定位和应用...
简析CSS表达式attr()的运用
01-19
attr() 表达式可以用于任何CSS属性。 语法: CSS Code复制内容到剪贴板 attr( attribute-name <type>? [,  ]? )  ttr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在...
CSS3.rar_CSS3_site:www.pudn.com
09-23
CSS3在CSS2的基础上扩展了选择器，引入了更高级的选择器，如伪类选择器(:hover、:active、:focus等)、属性选择器([attr=value])、兄弟选择器(~和+)以及后代选择器(>)等，这使得CSS3能够更精确地匹配和控制元素。...
jQuery的attr（）方法
anfield的门柱
09-08 1336
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，
jquery中attr()方法的使用
吕小医的博客
01-19 491
attr(属性名) 作用：获取该属性的值 例： <input id=“student” name=“stu” type=“text”> $("#student)").attr(“name”);//输出stu attr(属性名, 属性值) 作用：设置属性的值 例： <input id=“student” name=“stu” type=“text”...
解决jQuery $(“#“).attr(“checked“)值为undefined的问题
致知的博客
06-04 826
jQuery版本升级, 大于1.6.1之后， $("#element").attr("checked"， true) 能够设置#element的attr有checked, 但是设置$("#element").attr("checked"， false), 再调用$("#element").attr("checked") 的返回值为undifined 根据官方文档： jQuery 1.6.1 Released Attribute/Property .attr() .prop() accesskey ✓
jQuery中的.attr()方法
HolyJohn的博客
08-22 1393
1. 获取标签属性的值 语法：$('选定目标').attr('属性名') 2. 设置标签属性的值  语法：$('选定目标').attr('属性名', '值') 3. 使用jQuery设置标签属性值的功能，对表单的提交的目的地进行修改，这在实际运用中还是挺有用 语法：$('选定目标').attr('属性名', '目的页面') 4. 上面介绍的设
$().attr()的使用方法 && $().html()与$().text()的差别
weixin_34007020的博客
05-20 636
&lt;1&gt;$().attr()的使用方法 &lt;/pre&gt;&lt;pre class="html" name="code"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&g
attr属性大全
weixin_30612769的博客
07-31 4256
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了： jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1.attr(属性...
$().attr()的用法 && $().html()与$().text()的区别
Fanbin168的专栏
07-27 5554
&lt;1&gt;$().attr()的用法 &lt;/pre&gt;&lt;pre class="html" name="code"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt;
解决打印问题：let errMsg = []; // 监听字体外链请求 $.ajax({ url: $('#iconfont').attr('href'), type: 'get', success: () => { // console.log('You iconfont CDN is up to date'); errMsg.push('You iconfont CDN is up to date') }, error: (XMLHttpRequest, textStatus, errorThrown) => { // alert(`字体外链失效，需要更新 CDN：${textStatus} - ${errorThrown}`) errMsg.push(`字体外链失效，需要更新 CDN：${textStatus} - ${errorThrown}`) } }) // 监听 bootstrap.min.css CDN 请求 $.ajax({ url: $('#bs-min-css').attr('href'), type: 'get', success: () => { errMsg.push('You bootstrap.min.css CDN loading is complete') }, error: (XMLHttpRequest, textStatus, errorThrown) => { errMsg.push(`bootstrap.min.css CDN error：${textStatus} - ${errorThrown}`) } }) console.log(errMsg);
07-08
$.ajax({ url: $('#iconfont').attr('href'), type: 'get', success: () => { errMsg.push('You iconfont CDN is up to date'); resolve(); }, error: (XMLHttpRequest, textStatus, errorThrown) => { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值