知识点预览1.jQuery特效2.链式调用3.属性操作4.jQuery循环5.jQuery事件01-jQuery特效【AppleScript】纯文本view__复制代码？0102030405060708091011121314/`/`1.淡入淡出/`/$(".box").fadeIn()`;/`/$(".box").fadeOut()`;/`/$(".box").fadeToggle()`;/`/`2。显示隐藏/`/$(".box").hide();`/`/$(".box").show();`/`/$(".box").toggle()`;/`/3。展开并卷起`/`/$(".box").slideDown()`;/`/$(".box").slideUp()`;/`/$(".box").slideToggle()`;jQuery链调用jQuery对象的方法执行后会返回这个jQuery对象，jQuery对象的所有方法可以链接在一起写03-层级菜单案例[AppleScript]纯文本查看__复制代码?010203040506070809101112/`/1.点击'Fruit'类别下的ul打开`var$next=$`(this).next().slideToggle()`;/`/2.每次只打开一个，关闭其他兄弟(`)/`/2.1$next对象是你选择的a标签下的ul列表`/`/2.2$next需要获取父元素parent()li标签`/`/2.3通过li标签获取其他兄弟元素siblings()`/`/2.4获取兄弟元素lichildren()下面的子元素`/`/2.5有两个li子元素Filterchild("ul"`)/`/2.6slideup()`$next.parent`()。siblings().children("ul").slideUp();`jQuery操作属性prop()获取和设置标签属性读取时，将属性用双引号括起来，即可以设置属性时，使用{}来包装属性val()以获取并设置值属性获取和设置输入标签的值html()获取和修改标签包裹的内容05-对话框案例val()获取输入标签的值06-jQuery循环遍历每个遍历函数this代表当前遍历的元素代表一个元素动态类型07-手风琴效果改变当前点击的li标签前后元素的左值转到右边位置：[AppleScript]纯文本视图__复制代码？12345右边第4个位置：`727—21`右边3个位置：`727-21*2`右边第2个位置：`727-21*3`右边第一个位置：`727-21*4`位置向右的公式：`727-21*(5-$(this).index())`focus事件focus()使文本输入框自动获得焦点，blur()失去焦点**09-鼠标事件***进入子元素会触发事件*mouseover()鼠标进入（进入子元素时也会触发）*mouseout()鼠标离开（离开子元素也会触发）*进入子元素不会触发events--建议使用*mouseenter()鼠标进入（进入子元素不触发）*mouseleave()鼠标离开（离开子元素不触发）*hover()为mouseenter和mouseleave事件指定处理程序同时*\[AppleScript\]_纯文本视图__复制代码_[?](http://bbs.iheima.com/#)123`$div``01.``hover``(``function``(``event``)``{``$``(``this``)``.animate``(``{``'margin``-``top'``:``event``.type``=``=``'mouseenter'?``100``:``50``}``)``;``}``)`
