jQuery【一】

jQuery中的节点操作

追加元素

$('#p').append('向p中追加元素');
$('追加元素到p').appendTo("#p");

前置元素

$('#a').prepend('向p中前置元素');
$('前置元素到p中').appendTo('p');*/

插入元素

$('#a').before('节点元素前插入节点元素');
$('#a').after('在p之后插入元素');

插入节点元素前后必须用标签包起来

$("<b>插入到节点元素后</b>").insertAfter("#a");
$("<b>插入到节点元素前</b>").insertBefore("#a");
//区分insertAfter,insertBefore与after,before

几种删除节点的方法

var $li=$("ul li:eq(1)").remove();
$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去
$("ul li").remove("li[title!=a]");//将ul元素下title属性不等于"a"的li元素删除 
$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容

复制节点

$(this).clone(true).appendTo("ul");

替换节点

$("p").replaceWith("<strong>你最不喜欢的水果是？</Strong>");
$("[name='rp']").replaceWith("<tr><td>gg</td></tr>");

jQuery中的属性过滤器

[attribute=value] 属性过滤器，全字符匹配

$('#a').attr('value','aa');

[attribute!=value] 同 not([attr=”value”])

$("a").not("[href*='http://']").append("更改内容");

[attribute^=value] 取出属性以指定字符串开头的元素

$("a[href^='http:']").attr("target","_blank").css("background-color","gray");

[attribute$=value] 取出属性以指定字符串结尾的元素

$("a[href$='edu.cn']").css("background-color","red").append("单属性过滤器");
$("a[rel='google'][target='_blank']").css("background-color","green").append("多属性过滤器");