前端id属性和span标签

一.页面的id

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

• 驼峰
• 连字符

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

/* 不推荐：“demo”和“image”中间没加“-” */
.demoimage {}

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

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

二.页面的span标签

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

<font color="red">今儿天真好</font>

用span标签来代替：

<span id="all-unreadmessage" style="color: red;">
<span>是的</span>
<span>没错</span>
今儿天真好
</span>

2.取span里的值：

$("#all-unreadmessage").html();

3.取span元素

$("#all-unreadmessage" ).children().find("span").eq(0).html();

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