今日学习内容:
1.奇偶数性 even:偶 odd: 奇 2.添加元素 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 通过 append() 和 prepend() 方法添加若干新元素,不过,append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML,或者通过 JavaScript 代码和 DOM 元素。 jQuery after() 和 before() 方法 jQuery after() 方法在被选元素之后插入内容。 jQuery before() 方法在被选元素之前插入内容。 通过 after() 和 before() 方法添加若干新元素 after() 和 before() 方法能够通过参数接收无限数量的新元素。可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建新元素。 3.删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素。 remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素。 jQuery empty() 方法 jQuery empty() 方法删除被选元素的子元素。 过滤被删除的元素 jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。 该参数可以是任何 jQuery 选择器的语法。 4.获取元素(过滤) 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 first() 方法返回被选元素的首个元素。 last() 方法返回被选元素的最后一个元素。 eq() 方法返回被选元素中带有指定索引号的元素。 filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。 not() 方法返回不匹配标准的所有元素。 提示:not() 方法与 filter() 相反。 children() 直接子元素 find() 查找后代元素 5.停止动画 jQuery stop() 方法用于在动画或效果完成前对它们进行停止。jQuery stop() 方法用于停止动画或效果,在它们完成之前。选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。因此,默认地,stop() 会清除在被选元素上指定的当前动画。stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。可以在 stop() 中设置 stopAll 的参数为 true,这样就可以停止所有动画效果而不是只停止当前动画.许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。speed 或 duration 参数可以设置许多不同的值,比如 “slow”, “fast”, “normal” 或毫秒。 6.each方法 each() 用来遍历jq对象的 $.each() 遍历数据(数组或者对象) 7.添加类名 parent() 直接父元素 parents(‘ul’) 或者祖先元素中的ul元素 removeClass() 移除类名 addClass() 添加类名 index() 获取下标
8.删除元素 remove() 删除元素(连同元素本身) empty() 删除元素(删除内部元素,保留了本身元素) 9.尺寸的获取 jQuery 提供多个处理尺寸的重要方法: width() 获取宽 height() 获取高 innerWidth() 获取padding+comtain innerHeight() outerWidth() outerHeight() jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。 jQuery innerWidth() 和 innerHeight() 方法 innerWidth() 方法返回元素的宽度(包括内边距)。 innerHeight() 方法返回元素的高度(包括内边距) jQuery outerWidth() 和 outerHeight() 方法 outerWidth() 方法返回元素的宽度(包括内边距和边框)。 outerHeight() 方法返回元素的高度(包括内边距和边框)。
**:设置了 box-sizing 后,width() 获取的是 css 设置的 width 减去 padding 和 border 的值。 10.链式编程 通过 jQuery,可以把动作/方法链接在一起。Chaining 允许我们在一条语句中运行多jQuery 方法(在相同的元素上)。当进行链接时,代码行会变得很长。不过,jQuery 语法不是很严格;您可以按照希望的格式来写,包含换行和缩进。
|