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()

巴特西

jQuery学习笔记二

最新文章

热门文章