- 事件监听者是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()