我的Jquery学习

1, hide  和show  在对行内元素进行缓动的时候, 实际上是改变了元素的样式, 改成了inline-block, 然后进行宽高设置的. 但是似乎是横向和纵向一起缓动, 难看..  hide(时间,缓动(linear 或者swing), callback)

2, fadeIn, fadeOut  是淡入淡出 , 也可以设置duration和callback, fadeTo 可以淡入到某个制定的透明度,  参数为fadeTo(duration,透明度,callback)

3, slideDown 和slideUp 表示上下滑动隐藏显示一个元素, 跟hide  show 有点像, 但是slideDown 和SlideUp 是只有上下一个方向的

4,当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。这个要记住了.  也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=:例如$("p").animate({ "marginLeft":"+=100px" })

5,默认地,jQuery 提供针对动画的队列功能。  一个元素的多个animate动画会一个个依次完成

6, stop 默认情况下停止当前正在执行的动画, 如果需要停止掉所有的动画可以传入参数, 如:$(selector).stop(stopAll,goToEnd);被立即停止的动画不会触发回调,被立即完成的动画会触发回调。

7,获得内容 - text()、html() 以及 val(),   这个可以get 也可以set.

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

8attr() 用于获取到元素的属性, 也可以设置

9, 通过append 和prepend  可以在一个元素的最开始位置或者是最尾部添加元素. 添加在被选元素的内部 after 和before 则是在一个元素之前或者之后添加元素.   添加在被选元素的外部

10, empty 方法表示删除元素内部的所有子元素,   remove 表示把当前元素移除文档.remove方法可以添加一个过滤, 例如

$("p").remove(".love") 表示只删除class  是love 的p标签, 其实.love 放在前面选择的时候过滤也可以的

11,addclass  和removeclass 可以给被选择的元素增加一个类, 或者移除一个类, 主要是用于修改样式, 添加多个类或者移除多个类的时候用空格隔开

12, css({}) 这个方法用于给被选择的元素设置对应的css样式

13, width(), height() 等方法用于获取宽高  outWidth 和outHeight 则包括了, padding 和border, 如果设置了box-sizing 为border-box的话, 那么padding 和border 是在设置的宽高内部扣除.  而不是外部添加了.  也就是说设置宽100, padding 10, border1, 默认情况下这个元素实际上占用的宽是111, 如果是border-box的话, 实际占用的宽就是100, 因为padding和border 是在内部扣的了

14, parent()返回一个元素的父元素, parents()返回一个元素从父元素一直往上直到根元素, 可以添加过滤  如parents("ul") 表示所有祖先中是ul的. parent是Util("div") 表示一直往上寻找直到找到div 为止这中间的所有父级元素, 不包括div

15, 向下查找则可以使用children()方法表示查找元素的所有直接子元素. find() 方法则可以用于寻找一个元素的所有子元素, 孙子元素等等, 直到最后. 可以设置过滤  例如find("ul") 表示寻找后代元素里面的ul元素

16, 通过siblings ()方法查找所有与被选元素同级的元素,  next表示同级的下一个, nextAll  同级的后面的所有, nextUtil  下一个直到.   例如nextUtil("p") 表示在同级元素中一直往后直到遇到p元素,   之间的所有同级元素, 不包括p, prev  原理相似只不过是往上

17, 通过$(选择器)  选出一些元素之后如果还需要进一步过滤, 可以使用 first, last, eq(id),  not或者filter()方法进行进一步的过滤, 选出真正需要的元素. filter 和not 后面传的都是选择器.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值