jquery增删改查

查找节点

1.查找元素节点

var $li =$(‘ul li:eq(1)’);

var li_txt = $li.text();

alert(li_txt);

2.查找属性节点

var $para =$(‘p’);

var p_txt = $para.attr(‘title’);

alert(p_txt);

创建节点
3.元素节点
var $li_1 =$(‘

• li_1
• ‘);

  var $li_2 =$(‘

• li_2
• ‘);

  $('ul').append($li_1);

  $('ul').append($li_2);

  4.创建文本节点
  var $li_1 =$(‘

• 香蕉
• ‘);

  var $li_2 =$(‘

• 雪梨
• ‘);

  $('ul').append($li_1);

  $('ul').append($li_2);

  5.创建属性节点
  var $li_1 =$(“

• 香蕉
• “);

  var $li_2 =$(“

• 雪梨
• “);

  $('ul').append($li_1);

  $('ul').append($li_2);

  6.插入节点

  $(‘p’).append(‘你好‘); //在p内部追加b

  $(‘你好‘).appendTo(‘p’); //将b追加到p的内部，可以用来移动元素

  $(‘p’).prepend(‘你好‘); //在p的内部前置b

  $(‘你好‘).prependTo(‘p’); //将b前置到p的内部，可以用来移动元素

  $(‘p’).after(“你好“); //在p的后面插入b

  $(‘你好‘).insertAfter(‘p’); //将b插入到p的后面，可以用来移动元素

  $(‘p’).before(‘你好‘); //在p的前面插入b

  $(‘你好‘).insertBefore(‘p’); //将b插入到p的前面，可以用来移动元素

  删除节点

  7.remove()方法
  $(‘ul li:eq(1)’).remove(); //删除第二个li节点，返回这个节点的引用

  $(‘ul li’).remove(‘li[title!=菠萝]’); //删除title不等于菠萝的li元素

  detach()方法
  $(‘ul li’).click(function(){

  alert($(this).html());

  });

  var $li =$(‘ul li:eq(1)’).death();

  $li.append(‘ul’);

  //从DOM中删除元素，但是保留他绑定的事件、附加的数据等等，重新追加这个元素，之前绑定的事件还在