html()方法怎么使用

html-css07

html()方法怎么使用,第1张

看描述是jquery的语法。

使<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>