jquery函数

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(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没有被修改

你可能感兴趣的:(jquery函数)