- cal.add(callbacks)
// a sample logging function to be added to a callbacks list
var foo = function( value ){
console.log( 'foo:' + value );
}
// another function to also be added to the list
var bar = function( value ){
console.log( 'bar:' + value );
}
// 创建一个回调函数的列表集合
var callbacks = $.Callbacks();
// add the function 'foo' to the list
callbacks.add( foo );
//把回调函数集合中的方法执行,并把参数传入对应的方法
callbacks.fire( 'hello' );
// outputs: 'foo: hello'
// add the function 'bar' to the list
callbacks.add( bar );
// fire the items on the list again
callbacks.fire( 'world' );
// outputs:
// 'foo: world'
// 'bar: world'
callbacks.remove(foo);
callbacks.fire('word');
// outputs:
// 'bar:world'
- attr 一般用来设置和操作元素的自定义属性,prop 一般用来操作元素的内置属性,尤其是对应表单元素(有大量的内置属性,多使用 prop);
3.选择器第一个参数定义规则,第二个参数(context,不传的话是 ducument)
var $box = $("#box"),
$boxChildren = $("#box > div");
// equal
$boxChildren = $("div", $box);
// equal
$boxChildren = $box.children("div")
$boxChildren.addClass("clss"); // 给集合里的元素都加了样式,jQuery 会先判断如果是集合调用了 addClass,会用内置循环的方法给每个元素调用 addClass。
- jQuery 中通过 for 循环索引获取的元素都是原生的
- each() 循环
$list.each(function(index,item){
$(item).addClass('cc'); // item 是原生的
})
$list.each(function(index,item){
$(this).addClass('cc'); // item = this
})
[1,2,3].forEach(function(item,index){})
- html() 传参设置 html 内容,不传参获取
- text() 只得到文字
- val() 获取和设置表单元素
- offset : 不管父级参照物是谁,获取距 body 的偏移
- position: 获取当前元素距父级参照物的偏移
innerWidth(): width + padding
outerWidth(): width + padding + borderWidth
outerWidth(true):width + padding + borderWidth + margin
- outerWidth(true): 有 true 表示加外边距
- scrollTop/scrollLeft : 元素卷去的高度、宽度
文档处理
- append: 向指定元素的末尾追加一个新的元素, append(原生的或jQuery对象)
- appendTo
- prepend / prependTo: 向指定元素的开头
- after / before:指定元素之后/前
-
(B)): A 插入到 B 的前面
- 筛选
filter: 同级
children: 子级 children() children(".cll")
find: 后代
$("*", $box) // jquery 重构出 JQuery 对象
$("*", box) // 第二个参数传入元素,重构出元生的
is:至少有一个符合,返回 true 或 false
- parent 、parents
- $.each()