http://jquery.cuishifeng.cn
中国人翻译的(如有bug请见谅)
http://www.bootcdn.cn
引入jqyery
jQuery 是什么: jQuery是一种新的JavaScript库。 jq是用js写 能用jq实现的 用js都能实现 js能实现的 jq有些不能实现 $ jQuery 传字符串选择器/尖括号标签的形式/函数/object jq的API只对自己开放 jq不能用js的API js也不能用jq的API
attr 设置/获取 标签属性 removeAttr() addClass removeClass 传class 移除你传的那个 没有 移除全部 toggleClass 有就删没有则加 操作class类名 jq js html() innerHTML text() innerText val() value 在jq里面,设置某个值的时候,一般自带遍历 获取某个值的时候,一般获取第一个
.css() .width() .height() innerWidth / innerHeight 算了padding outerWidth / outerHeight 算了 padding+border position() 该对象有top /left 属性 代表到定位父级的 top/left的值 不算 margin 和padding offset() 该对象有top /left 属性 代表到浏览器窗口的 top/left的值
scrollTop scrollLeft 设置/获取 滚动高度/宽度
添加子元素 可以是标签、文本、js对象、jq对象 append prepend appendTo prependTo
添加兄弟元素 after before insertAfter insertBefore
empty 清空子节点 remove 移除自己(不保留数据和事件) detach 移除自己(保留数据和事件)
eq 得到特定的jq hasClass 检查当前的元素是否含有某个特定的类,如果有,则返回true。否则返回false children 找儿子 可以不传参数 find 不传参,默认不找 parent 不需要参数 parents(".show")找到名字叫做show的祖先 siblings 不传参 所有兄弟 传参 所有兄弟按照参数筛选出合格的
jquery里面的事件 都是函数形式的,去掉on的那种 原理上事件都是事件绑定的形式而不是赋值的形式 jquery事件绑定、解绑 所有事件的添加都是绑定的形式 可以通过on来添加事件
不传参 瞬间显示隐藏 传一个数字参数,代表毫秒,改变宽、高、透明度 show hide toggle 默认时间300毫秒 改变透明度 fadeIn fadeOut fadeTo(1000,0.1) 可以把透明度设置一个值,时间参数不能省略 默认时间300毫秒 改变高度 slideDown slideUp slideToggle 改变高度 这三组,不仅仅可以接受一个数字参数,能接受的参数有: * number / string 代表动画时间(可缺省) 毫秒数 / ("fast" "normal" "slow") * string 代表运动曲线(可缺省) * function 代表回调函数
animate 传参: * obj 必传 { }格式代表的变化的属性和目标值 数值变化 * number/string 可缺省 代表毫秒数 或者 三个预设好的值 默认300 * string 可缺省,代表运动曲线,默认jQuery提供"linear" 和 "swing" * function 可缺省,代表动画结束后的回调函数
stop 清空动画队列,可以接受两个布尔值参数 第一个不用管 第二个决定是否瞬间到达队列终点,true 到 false(默认) 不到