jQuery基本知识点摘要（DOM操作）

使用jQuery操作DOM更加简洁方便，统一调用方式方便学习，降低学习成本。

1。样式属性的操作

1）设置样式属性操作

（1）设置单一风格：
第一个参数表示样式属性名：
第二个参数：样式属性值
$（选择器）Css（颜色，红色）；
设置多个样式（同时设置个人）
用于{ }（对象）的参数
$（选择器）。Css（{颜色：红色，字体大小：30px }）；
2）获取样式属性操作
参数表示要获得的样式属性名称。
$（选择器）Css（字体大小）；
2，类操作

1）添加类样式

- addClass（类名）添加指定元素的类的类名

$（选择器）。AddClass（liitem / /）；这类不带类的名称，所有类操作方法一点都不

2）删除类
- removeClass（类名）移除指定元素的类的类名
$（选择器）。RemoveClass（liitem）；
$（选择器）。RemoveClass（）； / /不指定参数，所有的班级都选择了删除元素
3）确定是否有类样式。
- hasclass（类名）确定指定的元素包含的类的类名
$（选择器）。HasClass（liitem）； / /返回值是true或false
4）切换类风格
- toggleclass（类名）开关指定元素的类的类名，这是添加和移除没有指定的类
$（选择器）。HasClass（liitem）；
{注意}

1。当类被操作时，所有类名都不是一个位（。）

2。操作模式非常小，所以可以用CSS（）方法操作。

三.操作模式多种多样，因此有必要使用类来操作。

4。如果将来可以方便地维护（从CSS中分离CSS），建议使用类的方式操作。

关键词：简单，粗鲁，干净，直率

3，jQuery动画

3.1隐藏显示动画

（1）显示方法
使用：
用于数值类型的参数：动画时间的实现
单位：ms（ms），表示动画执行时的2000个参数，长度为2000毫秒，即2秒。
$（选择器），显示（2000）；

二/使用：
参数是一个字符串，默认值是jQuery，总共是三个，分别是：慢、正常、快。
与用法的对应关系：
慢：600ms，正常：400ms、快：200ms / * * /
$（选择器）。显示（慢）；

三使用：
参数可以是数字类型或字符串类型。
两个参数表示：回调函数在动画执行后立即执行。
$（选择器）。显示（2000），函数（{）；

四/使用：
没有参数，相当于CSS（显示、块）
注意：此时没有动画。
$（选择器）；
{ jQuery所预设的三组动画效果的语法几乎相同：有两个参数，第一个是动画的执行时间，第二个是动画执行后的回调函数。

第一个参数可以是：指定字符或毫秒。

（2）隐藏方法

$（选择器）隐藏（1000）；
$（选择器）。隐藏（慢）；
$（选择器）。隐藏（1000），函数（{）；
$（选择器）。隐藏（）；
3.2幻灯片滑出的动画

滑入动画效果

$（选择器）SlideDown（速度、回调）；
注：省略参数或输入 / /非法的字符串，然后使用默认值：400毫秒（同样适用于渐明 / / slideup slideDown）
$（选择器）SlideDown（）；
滑冰
作用：让上面的动画元素保持隐藏。
$（选择器）SlideUp（速度、回调）；
滑出和滑动切换动画效果。
$（选择器）SlideToggle（速度、回调）；
与隐藏和显示等效的参数
4，淡入淡出动画

（1）淡出动画效果

作用：让光元素进入视线的方向。
$（选择器）FadeIn（速度、回调）；
淡出
作用：让隐藏元素中的元素逐渐消失。
$（选择），FadeOut（1000）；
淡入淡出和切换动画效果
作用：通过改变不透明度、显示或隐藏、切换元素
$（选择器）。FadeToggle（'fast功能）（{ }）；
与隐藏和显示等效的参数
将不透明度更改为某个值。
不同的褪色褪色：淡入和淡出只能控制从完全不透明的元素的不透明度为完全透明；褪变成了可以指定元素的不透明度的具体值，和时间参数是必需的。
函数：调整匹配元素的不透明度。
用法与其他动画不同。
第一个参数说：
第二个参数：不透明值范围：0-1
$（选择），FadeTo（1000，5）； / / 0充分渗透，1都是通过

第一个参数 0，相当于CSS（不透明，5）；
$（选择），FadeTo（0，5）；
CSS属性的动画效果，jQuery提供了包括高度，宽度，和透明度。{身高：400px；宽度：300px；不透明度：4；}。

三个CSS属性的一般性是属性的值只有一个，而值是一个值（在去掉单位之后）。

5。自定义动画

注意：可以动画的所有属性必须只有一个数字类型的值。

例如：更改字体大小，字体的使用：（字体大小），不要使用：字体

作用：自定义一组CSS属性的动画执行
第一个参数：CSS属性来执行动画（需要）
第二个参数：动画长的实现（可选）
第三个参数：回调函数在动画实现后立即执行（可选）
$（选择器）（{ }。动画参数，速度，回调）；
6。停止动画停止（）

6.1效果：停止当前动画

6.2你为什么要停止动画

如果在同一个元素上调用多个动画方法，那么对于这个元素，稍后的动画将被放置在效果队列中。这样，动画队列就形成了。（联想：排队站）

在执行第一个动画之前，动画队列中的动画不会被执行。

第一个参数指示是否清空所有后续动画。
第二个参数指示是否立即执行当前执行的动画。
$（选择器）停止（clearqueue，jumptoend）；
/普通方式
$（选择器）；
解释：

当停止（）方法被调用时，队列中的下一个动画会立即开始。然而，如果参数clearqueue设置为true，其余动画队列删除并不会被执行。

如果参数jumptoend设置为true，目前动画会停止，但动画每个CSS属性将被设置为目标值即可。例如：（）方法的slideup，那么元素将被隐藏，立即。如果有一个回调函数，回调函数将立即执行。

注意：如果元素的动画还没有完成的停止（）方法是在这个时候打电话，然后动画将停止，动画没有被执行，然后回调函数将不会被执行。

7、jQuery节点操作

7.1元素的动态创建

（）另一个函数：创建动态元素
VaR spannode =美元美元（我是一个跨元）；
7.2添加元素（焦点）

（1）在元素的最后一个元素之后添加元素：追加（）（key）

功能：在选定元素内的最后一个子元素（或内容）中插入内容（页面中存在的元素或创建的元素可以）

如果您是页面上存在的元素，则调用追加（），从初始位置删除元素，然后将其插入新位置。

如果向多个目标添加一个元素，则附加（）方法的内部将复制该元素的多个副本，并将其添加到多个目标（最好不要这样做）。

（3）常用参数：htmlstring或jQuery对象
在$（选择器）中添加$节点
$（选择器）。追加（$节点）；
/ /在$（选择器）添加的div元素参数htmlstring
$（选择器）。追加（）；
（理解）不常用的操作：（使用基本上是作为附加相同（）方法）
（ / / appendto）
作用：带附加（），差异是：$（选择器）添加到节点到
$（选择器）AppendTo（节点）；

（ / /前置）
作用：在第一个子元素前面添加或节点
$（选择器）Prepend（节点）；

（ /后）
作用：在选定的元素中，元素或节点作为兄弟插入内容。
$（选择器）；

（）
作用：在元素之前被选择为兄弟元素或节点插入内容
$（选择器）。在（节点）之前；

7.3个html创建元素（推荐，焦点）
函数：设置或返回所选元素的HTML内容（包括HTML标记）

当设置的内容是，如果它是一个HTML标签元素将是动态创建的，它是在JS innerHTML属性相同。
创建动态元素
$（选择器）。Html（'generous）；
获取html内容
$（选择器）Html（）；
7.4空元素
/ /指定元素的所有子元素（空的光杆司令）
没有参数
$（选择器）。空（）；
$（选择器）Html（）；
从文件中删除他/荷兰的行为（包括所有内部元素）
$（选择器）；
7.5复制元素
效果：复制匹配的元素
复制$（选择器）匹配元素
返回值是复制元素
$（选择器）Clone（）；
{ }建议使用HTML（）方法创建一个元素或一个HTML（）空元素

8。操作窗体窗体（焦点）
8.1属性的操作
（1）设置属性：
第一个参数：要设置的属性的名称。
第二个参数：与属性名相对应的修改值
$（选择器）。Attr（标题、小花啊）；
属性获取：
参数：获取修改操作的name属性返回指定的属性值。
$（选择器）。Attr（标题）； / /返回时，用于指定属性的值
删除属性：
参数：删除属性名
$（选择器）。RemoveAttr（标题）；
{ }：选中的、选中的和禁用的应使用。

道具方法通常用于影响DOM元素的动态状态，而不是改变的HTML属性。例如，输入和按钮的禁用特性以及复选框的检查特性。

8.2价值和内容
（1）瓦尔（）方法：
/ /功能：设置或返回表单元素的值，如：输入、选择、文本价值
获取匹配元素，只匹配第一个元素
$（选择器）瓦迩（）；
设置所有与元素值匹配的
$（选择器）瓦迩（特定值）；
（2）文本（）方法
作用：设置文本或获取匹配元素
操作时没有参数（注意：这次将把所有匹配的元素拼接成字符串，与其他访问操作不同！）
$（选择器）。文本（）；
设置操作，其中包含要设置文本内容的参数、参数
$（选择器）文本（我是内容）；
9。尺寸位置操作

9.1高宽运算

（1）高操作高度（）：
作用：设置或获取匹配元素的高度值
参数设置高度
$（选择器）高度（200）；
获取没有参数的高度
$（选择器）Height（）；
宽度操作宽度（）：
作用：设置或获取元素值的宽度。
获取/设置宽度参数
在没有参数的情况下获得
$（选择器）宽度（200）；
CSS（）的高度和高度获取的高度有什么区别

答：模式一，返回值类型，例如：30

模式二，返回的字符串类型的值，例如：30px

差异：一种常用于数学计算。
9.2坐标值运算

（1）偏移（）
函数：获取或设置与文档左上角相对的元素。
没有参数，返回值是：{左边，数字，顶部，}，文档值相对于位置
$（选择器）；
参数设置，参数推荐值类型
$（选择器）。偏移量（左：100，顶部：150 }）；
注意：设置偏移量后，如果元素没有位置（默认值是静态的），则将其修改为相对。

（2）scrollTop（）
在元素的垂直方向上获得或设置滚动的位置
没有/获得偏移参数
$（选择器）ScrollTop（）；

参数设置/偏移参数是一个数字类型。
$（选择），ScrollTop（100）；
（3）scrollLeft（）

获取或设置元素函数：水平滚动位置。
$（选择），ScrollLeft（100）；
了解scrollTop：

垂直滚动条的位置是隐藏的地区在滚动区域可见区域的高度。

如果滚动条不在顶部滚动，或者当前元素不是滚动条，则距离为0。

以上jQuery基础知识总结（DOM操作）是所有萧边分享你的内容。我希望能给你一个参考，希望你能支持它。