speed,callback可选;
speed规定效果的时长,可以取以下值:"slow"、"fast" 或毫秒;
callback是该函数完成后所执行的函数名称;
opacity:改变透明度,取值范围在0-1之间;
隐藏:$(selector).hide(speed,callback)
显示:$(selector).show(speed,callback)
隐藏/显示:$(selector).toggle(speed,callback)
淡入:$(selector) .fadeIn(speed,callback)
淡出:$(selector).fadeOut(speed,callback)
淡入/淡出:$(selector).fadeToggle(speed,callback)
改变透明度:$(selector).fadeTo(speed,opacity,callback);
向下滑动:$(selector).slideDown(speed,callback);
向上滑动:$(selector).slideUp(speed,callback);
向上/下滑动:$(selector).slideToggle(speed,callback);
必需的 params 参数定义形成动画的 CSS 属性
如果要改变位置,在style中添加position的处理
自定义动画:$(selector).animate({params},speed,callback);
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
在动画或效果完成之间停止它们:$(selector).stop(stopAll,goTEnd);
jquery链:在一条语句中运行多个 jQuery 方法(在相同的元素上)
例:$("#p1").css("color","red").slideUp(2000).slideDown(2000);
//
i:被选元素列表中当前元素的下标
origText:原始(旧的)值
origvalue:原始(旧的)链接
- text()、text(function(i,origText)) - 设置或返回所选元素的文本内容
- html()、html(function(i,origText)) - 设置或返回所选元素的内容(包括 HTML 标记)
- val()、val(function(i,origText)) - 设置或返回表单字段的值
- attr()、attr("href",function(i,origvalue)) 、prop()方法用于设置或返回被选元素的属性和值
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
attr():1.如果有相应的属性,返回指定属性值 2.如果没有相应的属性,返回值是undefined。
prop():1.如果有相应的属性,返回指定属性值。 2.如果没有相应的属性,返回值是空字符串。
//
- append() - 在被选元素的结尾插入内容
- prepend() - 在被选元素的开头插入内容
- after() - 在被选元素之后插入内容
- before() - 在被选元素之前插入内容
append/prepend 是在选择元素内部嵌入。after/before 是在元素外面追加。
//
- remove() - 删除被选元素(及其子元素)
- empty() - 从被选元素中删除子元素
//
- addClass() - 向被选元素添加一个或多个类
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- css("propertyname") - 返回样式属性、css("propertyname","value") - 设置样式属性
- width():设置或返回元素的宽度(不包括内边距、边框或外边距)。
- height():设置或返回元素的高度(不包括内边距、边框或外边距)
- innerWidth():返回元素的宽度(包括内边距padding)。
- innerHeight():返回元素的高度(包括内边距padding)。
- outerWidth():返回元素的宽度(包括内边距和边框width+padding+border)
- outerHeight():返回元素的高度(包括内边距和边框height+padding+border)
- outerWidth(true):返回元素的宽度(包括内边距、边框、外边框width+padding+border+margin)
- outerHeight(true):返回元素的高度(包括内边距、边框、外边框height+padding+border+margin)
- parent():返回被选元素的直接父元素。
- parents():返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。也可以使用可选参数来过滤对祖先元素的搜索
- parentsUntil():返回介于两个给定元素之间的所有祖先元素。
- children():返回被选元素的所有直接子元素。也可以使用可选参数来过滤对直接子元素的搜索
- find():返回被选元素的后代元素
- siblings():返回被选元素的所有同胞元素。
- next():返回被选元素的下一个同胞元素
- nextAll():返回被选元素的所有跟随的同胞元素。
- nextUntil():返回介于两个给定参数之间的所有跟随的同胞元素。
- prev():返回被选元素的前一个同胞元素
- prevAll():返回被选元素的所有前面的同胞元素。
- prevUntil():返回两个参数包含的元素以外的同胞元素
- first() :返回被选元素的首个元素
- last() :返回被选元素的最后一个元素。
- eq() :返回被选元素中带有指定索引号的元素。(索引号从0开始)
- filter():返回不匹配标准的所有元素。
- not() :返回不匹配标准的所有元素。
优先级从里到外、从前到后