现在的位置: 首页 > 综合 > 正文

jQuery入门之二:设置属性,设置事件处理

2013年02月22日 ⁄ 综合 ⁄ 共 903字 ⁄ 字号 评论关闭
文章目录

设置属性:

attr() 方法

attr() 方法设置或返回被选元素的属性值。

语法:$(selector).attr(attribute)

 $("img").attr("width","180");

jQuery 属性操作方法

下面列出的这些方法获得或设置元素的 DOM 属性。

这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。

方法 描述
addClass() 向匹配的元素添加指定的类名。
attr() 设置或返回匹配元素的属性和值。
hasClass() 检查匹配的元素是否拥有指定的类。
html() 设置或返回匹配的元素集合中的 HTML 内容。
removeAttr() 从所有匹配的元素中移除指定的属性。
removeClass() 从所有匹配的元素中删除全部或者指定的类。
toggleClass() 从匹配的元素中添加或删除一个类。
val() 设置或返回匹配元素的值。

===============================================================================================

事件处理:

bind() 方法

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

语法:$(selector).bind(event,data,function)

$("button").bind("click",function(){
  $("p").slideToggle();
});

jQuery 事件

下面是 jQuery 中事件方法的一些例子:

Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

抱歉!评论已关闭.