AI智能
改变未来

jQuery常用API总结(1)

1.jQuery选择器

//(1)jQuery基础选择器$(\'div\')//标签选择器$(\'*\')//通用选择器$(\'#id\')//id选择器$(\'.class\')//类选择器//(2)复合选择器$(\'div,p,ul\')//并集选择器$(\'ul>li\')//子代选择器(亲儿子)$(\'ul li\')//后代选择器$(\'li.current\')//交集选择器//(3)jQuery筛选选择器$(\'div:first\')//第一个div$(\'div:last\')//最后一个div$(\'div:eq(2)\')//第三个div,序号从0开始$(\'div:odd\')//序号为奇数的div$(\'div:even\')//序号为偶数的div//(4)jQuery重要筛选方法$(\'div\').parent()//当前元素的父级元素$(\'div\').children(\'li\')//子代元素$(\'div\').find(\'li\')//后代元素$(\'div\').siblings(\'li\')//兄弟元素$(\'div\').nextAll()//后面的兄弟元素$(\'div\').prevAll()//之前的兄弟元素$(\'div\').hasClass(\'current\')//是否有哪个类名$(\'div\').eq(2)//第3个div,序号从0开始

2.jQuery样式操作

//(1)操作css样式$(\'div\').css(\'color\');//获取样式值$(\'div\').css(\'color\',\'#000\');//设置单个样式值$(\'div\').css({\'color\':\'#000\',\'font-size\':\'16px\'});//以对象的形式设置,但是,**注意的是,属性可以不加引号,但属性值一定要加引号。**//(2)操作类名$(\'div\').addClass(\'current\')//添加类名,不会覆盖之前的$(\'div\').removeClass(\'current\')//移除类名$(\'div\').toggleClass(\'current\')//在添加和移除之间切换

3.jQuery动态效果
重要的动态效果主要有显示与隐藏、上滑和下滑、淡入淡出以及动画

//以下有三个可选参数:速度(slow\\normal\\fast)、移动曲线(swing\\linear)、回调函数//(1)显示与隐藏$(\'div\').show()//显示$(\'div\').hide()//隐藏$(\'div\').toggle()//显示与隐藏之间切换//以上一般应用中,不写参数//(2)上滑与下滑$(\'div\').slideUp()//上滑$(\'div\').slideDown()//下滑$(\'div\').slideToggle()//切换//(3)淡入淡出$(\'div\').fadeIn()//淡入$(\'div\').fadeOut()//淡出$(\'div\').fadeToggle()//切换//以下有四个参数,速度、透明度(0-1),移动曲线、回调$(\'div\').fadeTo()//渐进的方式调整到指定的透明度,并且第二个参数必选//(3)事件切换hover(out\\over)//一个为移开,一个为经过,并且没有冒泡。//(4)动画效果animate({}, , ,)//第一个参数为必选,需要指定动画最后改变的样式,后面三个与之前的顺序和参数一致。

好好学习天天向上!学习使我快乐!

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery常用API总结(1)