码迷,mamicode.com
首页 > Web开发 > 详细

jQuery中DOM操作

时间:2017-05-02 22:10:46      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:win   javascrip   set   包含   pac   函数   事件绑定   第一个   css   


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操作

标签:win   javascrip   set   包含   pac   函数   事件绑定   第一个   css   

原文地址:http://www.cnblogs.com/xiaonanman/p/6789153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!