jQuery学习笔记二

事件监听者是DOM的一部分，任何页面都可以增加事件监听者。浏览器利用事件监听者监视页面上做了什么，然后告诉Javascript解释器是否需要采取行动。如：

$('#showMessage').click(function(){alert('You clicked me')})

，当id为showMessage的元素被单击时，事件监听者就"听到"了这个单击时间，然后告诉javascript解释器执行function中的代码。

为元素增加一个事件，也称为为元素绑定事件，有两种方法，比如为id为myElement的元素绑定一个单击事件，可以使用

$("#myElement").click(function(){})

也可以使用

$("#myElement").bind('click',function(){})

，而

unbind

方法告诉浏览器不再对某元素监听指定的事件，如：

$("#myElement").unbind('click')

，如果

unbind()

方法不带参数，就是告诉浏览器不再监听指定元素的所有事件。

each()

方法可以进行循环处理，如：

$(".nav_item").each(function(){})

即对class为nav_item的所有元素调用function中的代码进行处理。

调用命名函数的方式：

$(选择器).事件名(函数名)

，如对id为myId的元素在单击时调用Check函数，则为：

$("#myId").click(Check)

有一些方法可以获取相关联的元素，

parent()

方法获取父元素，

children()

方法获取子元素，

prev()

方法获取左兄弟元素，

next()

方法获取右兄弟元素。如：

$('#fish').parent()

获取id为fish的元素的父元素。

replaceWith()

方法将选择的元素替换为新的内容，如：

$("h2").replaceWith("<h1>My Menu</h1>")

选择页面中的所有

<h2>

元素，然后替换为括号中的内容。

before()

将新内容插入到选择的元素前面，如：

$(".meat").before("<li>Tofu</li>")

after()

将新内容插入到选择的元素后面，如：

$(".meat").after("<li>Tofu</li>")

first()

方法选出所选元素中的第一个元素，如：

$(".test").children().first()

last()

方法选出所选元素中的最后一个元素，如：

$(".test").children().last()

eq()

方法选出所选元素中索引号为指定值的元素，如：

$(".test").children().eq(3)

slice()

方法选出所选元素中指定范围的元素，如：

$(".test").children().slice(1,3)

会选出class为test的元素的子元素中索引号为1，2号的元素(不包括索引号为3的元素)

filter()

方法选出与括号中指定的选择器相匹配的元素，如：

$(".test").parent().filter('.organic')

not()

方法过滤掉与括号中指定的选择器相匹配的元素

可以使用一个变量存储由jQuery返回的元素，如：

$f=$('.myClass').parent().parent()