jquery知识点语法

来源：互联网发布：js innerhtml 段落编辑：程序博客网时间：2024/05/06 13:02
jquery语法： $(selector).action()
一.效果
隐藏和显示：1.隐藏 HTML 元素： $(selector).hide(speed,callback);2.显示 HTML 元素： $(selector).show(speed,callback);3.显示被隐藏的元素，并隐藏已显示的元素：：$(selector).toggle(speed,callback);（可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。  可选的 callback 参数是隐藏或显示完成后所执行的函数名称。）淡入淡出：4.淡入已隐藏的元素：$(selector).fadeIn(speed,callback);5.淡出可见元素：$(selector).fadeOut(speed,callback);6.在 fadeIn() 与 fadeOut() 方法之间进行切换：$(selector).fadeToggle(speed,callback);7.允许渐变为给定的不透明度（值介于 0 与 1 之间：$(selector).fadeTo(speed,opacity,callback);（必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。）滑动：8.向下滑动元素：$(selector).slideDown(speed,callback);9.向上滑动元素：$(selector).slideUp(speed,callback);10.在 slideDown() 与 slideUp() 方法之间进行切换：$(selector).slideToggle(speed,callback);动画：11.用于创建自定义动画：$(selector).animate({params},speed,callback);   必需的 params 参数定义形成动画的 CSS 属性。   如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！   当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。停止：12.用于停止动画或效果，在它们完成之前:$(selector).stop(stopAll,goToEnd);  stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。因此，默认地，stop() 会清除在被选元素上指定的当前动画。二.HTML获取和设置：1.设置或返回所选元素的文本内容：text()2.设置或返回所选元素的内容（包括 HTML 标记）：html() 3.设置或返回表单字段的值：val()4.获取属性：attr()
同样拥有回调函，回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回字符串。添加：1.在被选元素的结尾（仍然在内部）插入内容：append()2.在被选元素的开头（仍然在内部）插入内容：prepend()3.在被选元素之后插入内容：after()4.在被选元素之前插入内容：before()删除：1.删除被选元素（及其子元素）：remove()2.从被选元素中删除子元素：empty() 获取并设置CSS类：1.向被选元素添加一个或多个类：addClass()2.从被选元素删除一个或多个类：removeClass()3.对被选元素进行添加/删除类的切换操作：toggleClass()4.设置或返回样式属性：css("propertyname","value")尺寸：1.设置或返回元素的宽度/高度（不包括内边距、边框或外边距）：width() / height()2.返回元素的宽度/高度（包括内边距）：innerWidth() / innerHeight() 3.返回元素的宽度/高度（包括内边距和边框）：outerWidth() / outerHeight()   outerWidth(true) 方法返回元素的宽度（包括内边距、边框和外边距）。   outerHeight(true) 方法返回元素的高度（包括内边距、边框和外边距）。三.遍历祖先：1.返回被选元素的直接父元素：parent()2.返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)：parents()3.返回介于两个给定元素之间的所有祖先元素：parentsUntil()后代：1.返回被选元素的所有直接子元素：children()   该方法只会向下一级对 DOM 树进行遍历2.返回被选元素的后代元素，一路向下直到最后一个后代：find()同胞：
1.返回被选元素的所有同胞元素：siblings()2.返回被选元素的下一个同胞元素：next()3.返回被选元素的所有跟随的同胞元素：nextAll()4.返回介于两个给定参数之间的所有跟随的同胞元素：nextUntil()prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞元素向后遍历，而不是向前）。过滤：
1.返回被选元素的首个元素：first()2.返回被选元素的最后一个元素：last()3.返回被选元素中带有指定索引号的元素：eq() , 索引号从 0 开始，因此首个元素的索引号是 0 而不是 14.规定一个标准，匹配的元素会被返回：filter() 5.返回不匹配标准的所有元素：not() jQuery noConflict() 方法：noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了
例：$.noConflict();   jQuery(document).ready(function(){   jQuery("button").click(function(){    jQuery("p").text("jQuery 仍在运行！");  });});
0 0
jquery知识点 语法

jquery知识点语法
