首页 > 代码库 > jQuery中DOM操作

jQuery中DOM操作


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():该方法可以为元素绑定处理函数。当处理函数触发一次后,立即被删除。即在每个对象上,事件处理函数只会被执行一次。

 

jQuery中DOM操作