$("<li title="其他">123</li>");//创建<li>标签 属性为title=其他 内容为123
元素节点(标签名) 属性节点(属性 title="xxx") 文本标签(123)
//text()文本节点 :
text() : 函数/方法,是获得选定标签内部文本(人眼能够看到的内容)
<li>123</li>
var li = $("li").text();//获得了li的文本节点里面的数据(就是 123 这个内容)
//attr()获得属性/设置属性/更改属性 :
<p title="aaa"></p>;
var i = $("p").attr("title");//这是获得p标签里面的title属性的值
$("p").attr("title"," bbb");//把p标签里面的title属性的值 更改为bbb
//removeAttr() 删除指定元素的属性值 :
removeAttr(xx,xx);删除属性值
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
$("p").removeAttr('title',"你最不喜欢的");//就是把p标签里面的title属性的值,(你最不喜欢的)删除
//append()添加元素 :
将匹配到的子元素 添加到指定的父元素中.
函数的链式调用 : 为什么可以链式调用?
是因为前面的函数返回的仍然是调用的那个对象
如下面 a.append(b).append(c) a是个父标签对象,调用函数把b添加进去,并且返回的值,还是a的对象,所以还可以在调用函数,把c也添加进去
//a和b和c 都是标签的对象
var $li_1 = $("<li></li>");//只创建了元素节点
var $li_2 = $("<li></li>");
var $parent = $("ul");
$parent.append($li_1).append($li_2);
a.append(b);//把 b 添加到 a 里面 的最后面(追加),a是父标签b是子标签
a.append(c);//把 c 添加到 a 里面 的最后面(追加),a是父标签c是子标签
a.append(b).append(c);//把b c 都添加到 a 里面 b 和 c 是同辈 只是b在c的上面 (链式的调用添加)
a.prepend(b)//把 b 添加到 a 里面 的最前面 a是父标签 b是子标签
a.insertAfter(b);//把 a 添加到 b 的 后面(同辈的)
a.insertBefore(b);//把 a 添加到 b 的 前面(同辈的)
//叫移动节点
//把我们指定元素插入匹配到元素的前面(指定的元素.insertBefore("匹配到的元素"))
//appendTo()添加元素 :
//a是对象 b是标签名
appendTo() : 是将制定元素添加到匹配的元素的集合中去
$("li").appendTo("ul");//把li标签添加到ul中
a.appendTo("b"); //是吧 b 添加到 a 的里面(a是标签 b是标签)
指定元素.appendTo(匹配元素);
//删除元素(是隐藏)remove() :
a.remove();//把 a 从html中删除(是隐藏)
var $li = $("ul li:eq(1)").remove();//把ul 里面li标签的第二个删除 eq(1);就是下标为1的那个li元素 也就是第二个吧 因为下标从0开始
$li.appendTo("ul");//把刚才删除的元素重新加入到ul里面
$("ul li").remove("li[title !=苹果]");//把 ul 元素里面所有的 li 元素 title属性不是苹果的 都删除
//removeAttr() 删除指定元素的属性值 :
removeAttr(xx,xx);删除属性值
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
$("p").removeAttr('title',"你最不喜欢的");//就是把p标签里面的title属性的值,(你最不喜欢的)删除
//清空empty() :
$("ul li:eq(1)").empty();//找到ul里面第二个li元素 并把内容删除,(文本节点,<li>内容(文本节点)<li>)
//复制选定的节点clone() :
clone(true) : 复制节点,true的时候,节点绑定的事件监听也一起复制过去,不写默认为false
$("li").clone()//复制当前节点
$("li").clone().appendTo("ul");//复制li节点,并将它追加到ul中(是追加到 ul 的内部)
$("li").clone(true).appendTo("ul");//复制li节点,并复制li绑定的事件监听,一起追加到ul中(是追加到 ul 的内部)
//替换选定的节点replaceWith(),replaceAll() :