JavaWeb快速入门--JQuery(2)，前端开发包括那些

样例：

div显示和隐藏

2. 遍历

js的遍历方式：for(初始化值;循环结束条件;步长)

jq的遍历方式（each）：

1. jq对象.each(callback)

语法：jquery对象.each(function(index,element){});

• index:就是元素在集合中的索引

• element：就是集合中的每一个元素对象

• this：集合中的每一个元素对象

回调函数返回值：

• true:如果当前function返回为false，则结束循环(break)。

• false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)

2. $.each(object, [callback])

3. for…of: jquery 3.0 版本之后提供的方式

for(元素对象 of 容器对象)

3. 事件的绑定

jquery标准的绑定方式：

//jq对象.事件方法(回调函数)；

$(“#name”).click(function () {

alert(“点击…”)

});

//简化操作，链式编程

$(“#name”).mouseover(function () {

alert(“鼠标来了…”)

}).mouseout(function () {

alert(“鼠标走了…”)

});

$(“#name”).focus();//让文本输入框获得焦点

• 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。

• 表单对象.submit();//让表单提交

on绑定事件/off解除绑定：

//如果off方法不传递任何参数，则将组件上的所有事件全部解绑

jq对象.on(“事件名称”,回调函数)

jq对象.off(“事件名称”)

事件切换：toggle

jq对象.toggle(fn1,fn2…) //当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2…

//注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。

案例：

---

1. 广告显示和隐藏

正文部分

2. 抽奖