1,after(html) after(elem) after(elems)
将指定的元素插入到某元素后。
before(html) before(elem) before(elems)与之相反
2,append(html) append(elem) append(elems)
将指定的元素插入到某元素内部的末尾位置
appendTo与之相反,但似乎只能使用appendTo(elem)
3,prepend (html) prepend (elem) prepend (elems)
将指定的元素插入到某元素内部的开始位置,注意与append的区别
4, wrap(htm)
将匹配对象包含在给出的html代码内
5,next
<script type="text/javascript">
$(document).ready(function() {
$('#t').find('dd').end().find('dt').click(function() {
$(this).next().css("background","#f00");
});
});
</script>
<dl id="t">
<dt>点这里测试1?</dt>
<dd>1111111111111111</dd>
<dt>点这里测试2?</dt>
<dd>2222222222222222</dd>
</dl>
http://tzangms.com/blog/programming/984
http://www.blogjava.net/wangxinsh55/archive/2007/06/25/126166.html
6,深度,递归式的 .extend()
新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。
// 以前的 .extend()
jQuery.extend(
{ name: “John”, location: { city: “Boston” } },
{ last: “Resig”, location: { state: “MA” } }
);
// 结果:
// => { name: “John”, last: “Resig”, location: { state: “MA” } }
// 新的更深入的 .extend()
jQuery.extend( true,
{ name: “John”, location: { city: “Boston” } },
{ last: “Resig”, location: { state: “MA” } }
);
// 结果
// => { name: “John”, last: “Resig”,
// location: { city: “Boston”, state: “MA” } }
7,1.2.3版本和1.2.1版本的remove方法的区别
1.2.1版本
remove: function( selector ) {
if ( !selector || jQuery.filter( selector, [ this ] ).r.length ) {
// Prevent memory leaks
jQuery( "*", this ).add(this).each(function(){
jQuery.event.remove(this);
jQuery.removeData(this);
});
if (this.parentNode)
this.parentNode.removeChild( this );
}
}
见 http://www.blog.edu.cn/user2/50271/archives/2007/1963499.shtml
http://pyrolupus.com/demo/jqremovebug.php
http://dev.jquery.com/changeset/3790
8, extend()使用详解(不考虑深度的extend)
$.extend(target, prop1, propN)
用一个或多个其他对象来扩展一个对象(即第一个参数),返回这个最初的、并且被修改过的对象。这是简单的实现继承的一大方法.
将指定的元素插入到某元素后。
before(html) before(elem) before(elems)与之相反
2,append(html) append(elem) append(elems)
将指定的元素插入到某元素内部的末尾位置
appendTo与之相反,但似乎只能使用appendTo(elem)
3,prepend (html) prepend (elem) prepend (elems)
将指定的元素插入到某元素内部的开始位置,注意与append的区别
4, wrap(htm)
将匹配对象包含在给出的html代码内
5,next
<script type="text/javascript">
$(document).ready(function() {
$('#t').find('dd').end().find('dt').click(function() {
$(this).next().css("background","#f00");
});
});
</script>
<dl id="t">
<dt>点这里测试1?</dt>
<dd>1111111111111111</dd>
<dt>点这里测试2?</dt>
<dd>2222222222222222</dd>
</dl>
http://tzangms.com/blog/programming/984
http://www.blogjava.net/wangxinsh55/archive/2007/06/25/126166.html
6,深度,递归式的 .extend()
新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。
// 以前的 .extend()
jQuery.extend(
{ name: “John”, location: { city: “Boston” } },
{ last: “Resig”, location: { state: “MA” } }
);
// 结果:
// => { name: “John”, last: “Resig”, location: { state: “MA” } }
// 新的更深入的 .extend()
jQuery.extend( true,
{ name: “John”, location: { city: “Boston” } },
{ last: “Resig”, location: { state: “MA” } }
);
// 结果
// => { name: “John”, last: “Resig”,
// location: { city: “Boston”, state: “MA” } }
7,1.2.3版本和1.2.1版本的remove方法的区别
1.2.1版本
remove: function(a){
if ( !a || jQuery.filter( a, [this] ).r.length ) {
jQuery.removeData( this );
this.parentNode.removeChild( this );
}
},
1.2.3版本
remove: function( selector ) {
if ( !selector || jQuery.filter( selector, [ this ] ).r.length ) {
// Prevent memory leaks
jQuery( "*", this ).add(this).each(function(){
jQuery.event.remove(this);
jQuery.removeData(this);
});
if (this.parentNode)
this.parentNode.removeChild( this );
}
}
见 http://www.blog.edu.cn/user2/50271/archives/2007/1963499.shtml
http://pyrolupus.com/demo/jqremovebug.php
http://dev.jquery.com/changeset/3790
8, extend()使用详解(不考虑深度的extend)
$.extend(target, prop1, propN)
用一个或多个其他对象来扩展一个对象(即第一个参数),返回这个最初的、并且被修改过的对象。这是简单的实现继承的一大方法.
- target (Object): 要扩展的对象
- prop1 (Object): 要与第一个对象合并的对象
- propN (Object): (可选) 更多要与第一个对象合并的对象
合并defaults和options, 但不修改defaults,返回合并后的对象
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend({}, defaults, options);
结果 :settings == { validate: true, limit: 5, name: "bar" },defaults没有被修改