知识点预习
1. jquery特殊效果2。链式调用3。属性操作4。jQuery循环5. jQuery事件
01 - jQuery的特殊效果
<代码>//1。淡入淡出褪色//$ (“.box”) .fadeIn ();//$ (“.box”) .fadeOut ();//$ (“.box”) .fadeToggle ();//2。显示隐藏//$ (“.box”) hide ();//$ (“.box”),告诉();//$ (“.box”) .toggle ();//3。卷开卷起//$ (“.box”) .slideDown ();//$ (“.box”) .slideUp ();//$ (“.box”) .slideToggle();
jQuery链式调用
jQuery对象的方法会在执行完后返回这个jQuery对象,所有jQuery对象的方法可以连起来写
03 -层级菜单案例
//1。点击分类的“水果”下面的ul打开
var下=(). next()美元.slideToggle ();
//2。每次只打开一个,其他的关闭兄弟姐妹()
//2.1美元未来对象是你选中的一个标签下面的ul列表
//2.2美元未来需要获取父元素父()李标签
//2.3通过李标签获取其他的同级元素兄弟姐妹()
//2.4获取同级元素李下面的子元素儿童()
//2.5李子元素有两个过滤下的孩子(“ul")
//2.6 slideup ()
$ next.parent () .siblings()定格(“ul") .slideUp ();
jQuery操作属性
道具()获取和设置标签属性
读取的时候用双引号包裹属性即可
设置属性时,要用{}包裹属性瓦尔()获取及设置值属性输入标签的值获取及设置
html()获取和修改标签包裹的内容
05 -对话框案例
瓦尔()获取输入标签的价值
06 - jQuery的循环遍历每个
遍历的函数内这表示当前遍历出来的元素表示一个元素动态类型
07 -手风琴效果
更改当前点击李标签前面和后面的元素左值
去到右边的位置:
第4个到右边的位置:727 - 21
第3个到右边的位置:727 - 21
第2个到右边的位置:727 - 21 3
第1个到右边的位置:727 - 21
到右边的位置的公式:727 - 21 (5 -(这)美元.index ())
焦点事件
焦点()让文本输入框自动获取焦点。
模糊()失去焦点
09 -鼠标事件
进入子元素会触发事件
mouseover()鼠标进入(进入子元素也触发)
mouseout()鼠标离开(离开子元素也触发)
进入子元素不会触发事件——建议使用
mouseenter()鼠标进入(进入子元素不触发)
mouseleave()鼠标离开(离开子元素不触发)
徘徊()同时为mouseenter和mouseleave事件指定处理函数
<代码>
div01美元。徘徊(函数(事件){
(美元).animate ({margin-top:事件。类型==癿ouseenter”?100:50});
}) 
