jQuery开发笔记

$(function(){
/**
var box = $('<div id="box">节点</div>');   //创建节点
$('body').append(box);                 //插入节点            
*/

//append(content): 向节点的内容插入节点
// $('div').append('<strong>DOM</strong>');

  //$('div').append(function(index){
    // return '<strong>DOM</strong>' + index; });

// $('strong').appendTo('div');

// $('strong').prependTo('div');


//$('div').after('<strong>DOM</strong>');

//$('div').before('<strong>DOM</strong>');

//alert($('input').size());

// alert($('input').eq(1).val());  //语音不清晰
// alert($('input[type=password]').val());

//alert($('input[name=user]').val());

//alert($(':input[name=city]').size());/

//alert($(':radio[name=sex]').last().val());
//alert($(':radio[name=sex]').eq(0).val());

//alert($('form :hidden').size());

//alert($('form :enabled').size());

// alert($('form :disabled').size());

//alert($('form :checked').size());

//alert($('form :selected').get(0));



//--------第8章基础事件-------


// $('input').bind('click',function(){

//     alert('弹窗');
// });



// $('input').bind('click mouseover',function(){

//     alert('弹窗');
// });

// $('input').bind('mouseover mouseout',function(){




//   $('div').html(function(index,value){
     
//            return value + '1';
//   });
// });

// $('input').bind({
  //      mouseover : function(){
  //       alert('移入');
  //      },
  //      mouseout : function(){
  //      alert('移出');
  //      }



// });

// $('input').bind('click mouseover',function(){

// alert('弹窗');
// });

// $('input').unbind('click');   //删除全部


// $('input').bind('click',fn1);

// $('input').bind('click',fn2);

// function fn1(){
// alert('fn1');
// }

// function fn2(){
// alert('fun2');
// }


// $('input').click(function(){

  //     alert('单击');
// });

//  $('input').mousedown(function(){

  //     alert('鼠标按下');
// });

// $('input').select(function(){

// alert('文本选定');
// });

// //文本值改变的时候
// $('form').submit(function(){

// alert('文本选定');
// });


// $('div').mouseover(function(){
  //      $(this).css('background','red');

// }).mouseout(function(){
  //       $(this).css('background','green');
// });


// $('div').mouseenter(function(){
//        $('strong').html(function(index,value){
//          return value  + '1';

//        });

// });
// });


// mouseleave  ： 鼠标离开

// $('input').keydown(function(){

// alert('键盘');
// });

// $('input').blur(function(){
// alert('光标丢失');

// });

// $(function(){
//   $('input').click(function(){
//    alert('我将要使用模拟用户操作!');

//   });



// .bind 无法动态绑定事件
// .live 可以动态绑定因为事件绑定在document上
// 并且点击document时候,需要验证event.type和
// event.target才能触发
$('.button').live('click',function(){
   $(this).clone().appendTo("#box");
});









});