使<span>标签内的Hello World颜色变为绿色:
$('#errorMsg').css("color", "green")
解释:html()是获取/设置文档内容,css()是获取/设置样式。
html 样式 :一般使用 css 来渲染HTML元素标签的样式.
一般有四种方法实现
1 行内样式
在HTML标签中直接用style添加 , 最直接,同时修改也很不方便 一般呢都不建议使用
如下
<!--行内样式-->
<h1 style="font-family: '微软雅黑'color:red">非常感谢曾经帮助过我的人,使得自己的技术有了很大的提升</h1>
2 内嵌样式
将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中
3 连接样式
将一个.css 样式文件导入 head 中
使用先创建一个.css文件 然后用link 导入在head标签中
例如
<link href="css/me.css" type="text/css" rel="stylesheet"/>
4 导入样式
使用@import 将.css文件样式引入在style中 ,改变样式
导入式会在整个网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会儿出现先显示无样式的页面,闪烁一下之后,再出现网页的样式。这是导入式固有的一个缺陷。
导入样式有很多写法,可以导入文件路径引用或者 url
多看文档..html是操作元素innerHTML属性, 直接操作这个属性会导致元素内部所有元素的事件绑定被清除
比如
$('div').append($('<span>').html('test').click(function(){alert('Click')}))
$('div').html($('div').html())
然後span上绑定的click事件就没了
after是在元素的同级到後面添加新元素
<div id="outer">
<div id="inner"></div>
</div>
$('#inner').after('<span>')
能把一个标签替换成另一个标签的是
replaceAll和replaceWith
html并不会把<div>变成<h2>