一.页面的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 取得值为 “没错”