jquery初步记录

节点操作
1、查看文本内容：  $li.text();
2、查看属性：$("p").attr("title");
3、创建节点： var $li1=$("

lala

");  $("ul").append($li1);
4、删除节点：var $li=$("ul li:eq(1)").remove()
5、清空节点：$("ul li:eq(1)").empty()
6、复制节点：$(this).clone().append('ul')
7、替换节点：replaceWith()   
8、包裹节点：wrap()   $("strong").wrap("")

属性操作
1、获取属性：$('p').attr('title');  
2、设置属性：$('p').attr("title","your title")
3、删除属性：$('p').removeAttr("title")

样式操作
1、获取样式: $('p').attr('class')
2、设置样式：$('p').attr('class','high')
3、追加样式：$("p").addClass("another")
4、移除样式：$("p").removeClass("another")
5、切换样式：$("p").toggleClass("another")

文本、html值操作
1、html(): 类似javascript的innerHTML方法   设置时需要传递参数，如：$("p").html("lala")
2、text(): 类似javascript的innerText   设置时需要传递参数，如：$("p").html("lala")
3、val():  设置和获取元素的值  $(":checkbox").val(["check2","check3"])

遍历节点
1、children()：子元素的集合
2、next():  紧邻后面的同辈元素
3、prev(): 紧邻前面的同辈元素
4、siblings(): 前后所有的同辈元素
5、closet(): 获取最近的匹配元素
6、end():结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态

css属性操作
1、获取：$("p").css("color")
2、设置：$("p").css("color","red')
3、多值设置：$("p").css({"fontSize":"30px","backgroundColor":"#888888"})
4、透明属性：可直接用，无兼容性问题。 $("p").css("opacity","0.5")
5、offset：获取元素在当前视窗的相对偏移，返回top和left两个值
6、position: 获取最近的position样式为relative和absolute的相对偏移
7、scrollTop和scrollLeft: 滚动条的距离