jQuery中DOM操作

Posted 2020-09-16 小南蛮

---

1.CSS-DOM 操作

　　获取和设置元素的样式属性: css()

　　获取和设置元素透明度：opacity 属性

　　获取和设置元素高度、宽度：height()，width()

　　获取元素在当前视窗中的相对位移：offset() 其返回对象包含了两个属性：top，left。

---

2.加载 DOM

　　在页面加载完毕后， 浏览器会通过 javascript 为 DOM 元素添加事件。 在常规的 JavaScript 代码中， 通常使用 window.onload 方法， 在 jQuery 中使用$(document).ready() 方法。

---

3.事件绑定

　　对匹配的元素进行特定的事件绑定：bind()

---

4.合成事件

　　hover()： 模拟光标悬停时间。当光标移动到元素上时，会触发指定的第一个函数，当光标移出这个元素时, 会触发指定的第二个函数。

　　toggle()：用于模拟鼠标连续单击事件。第一次单击元素，触发指定的第一个函数，当再一次单击同一个元素时，则触发指定的第二个函数， 如果有更多个函数，则依次触发，直到最后一个。

　　toggle() 的另一个作用：切换元素的可见状态。

---

5.移除事件

　　移除某按钮上的所有 click 事件： $("btn").unbind("click")

　　移除某按钮上的所有事件： $("btn").unbind()

　　one()：该方法可以为元素绑定处理函数。当处理函数触发一次后，立即被删除。即在每个对象上，事件处理函数只会被执行一次。