前端id属性和span标签

2023-10-12 13:56:24 浏览数 (2)

一.页面的id

1.页面中的id一般是唯一的 不可重复 2.id的命名规则:

  • 驼峰
  • 连字符

因公司而异。。 按照谷歌代码风格指南的说法: ID和class名字有多单词组合的用短破折号“-”分开。 别在选择器名字里用短破折号“-”以外的连接词(包括啥也没有), 以增进对名字的理解和查找。

代码语言:javascript复制
/* 不推荐:“demo”和“image”中间没加“-” */
.demoimage {}

/* 不推荐:用下划线“_”是屌丝的风格 */
.error_status {}
/* 推荐 */
#video-id {}
.ads-sample {}

参考文章: https://iischajn.github.io/trans/htmlcss-guide/#ID_and_class_naming

二.页面的span标签

1.基于结构与样式分离的原则,所有表示样式的html标签都废弃了。 一般页面不要用font标签

代码语言:javascript复制
<font color="red">今儿天真好</font>

用span标签来代替:

代码语言:javascript复制
<span id="all-unreadmessage" style="color: red;">
<span>是的</span>
<span>没错</span>
今儿天真好
</span>

2.取span里的值:

代码语言:javascript复制
$("#all-unreadmessage").html();

3.取span元素

代码语言:javascript复制
$("#all-unreadmessage" ).children().find("span").eq(0).html();

取得值为 “是的” 0该为1 取得值为 “没错”

0 人点赞