jQuery的DOM操作常用方法

jQuery对DOM的操作也是非常重要的。

1。三种简单实用的DOM操作方法:jQuery方法:

文本()-设置或返回所选元素的文本内容

HTML()-设置或返回所选元素的内容(包括HTML标记)

瓦迩()-设置或返回表单字段的值

2.attr()获取的财产。当然,这两个也可以设置要修改的值。

三.添加HTML内容。添加新的HTML内容

我们将学习四个jQuery方法来添加新内容:

在选定元素的结尾添加()-插入内容

Prepend()在选定的元素前面插入内容

在选定元素后插入()内容

在选定元素之前插入内容

4。删除元素内容

如果要删除元素和内容,通常可以使用以下两种jQuery方法:

删除()-删除选定的元素(和它的子元素)

空()从选定的元素的子元素的删除

5.jquery操作CSS

jQuery有很多方法来执行CSS操作:

AddClass()-添加一个或多个类的元素

RemoveClass()从选定的元素删除一个或多个类

ToggleClass()开关操作添加/删除选定的元素类

CSS()-设置或返回样式属性

例子

$(H1、H2、P),AddClass(蓝色);首先我们知道我们使用','各种标签添加样式时,必须有一套蓝色。蓝色{ }类选择器

$(H1、H2、P),RemoveClass(蓝色);

$(H1、H2、P),ToggleClass(蓝色);一种风格将被删除,并没有风格将增加

6。设置多个CSS属性

如果需要设置多个CSS属性,请使用以下语法:

CSS({属性名:价值

7.jquery尺寸的方法

JQuerywidth()和高度()方法

宽度()方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

高度()方法设置或返回元素的高度(不包括内部边距、边框或外部边距)。

JQueryinnerWidth()和()方法innerheight

的innerwidth()方法返回元素的宽度(包括内侧缘)。

的innerheight()方法返回元素的高度(包括内侧缘)。

JQueryouterWidth()和网页()方法

这个边界的高度与宽度()方法返回元素的宽度(包括内部边缘和边界)。

该网页()方法返回元素的高度(包括内部边缘和边界)。