一、选择器
? ? 1.基本选择器
? ? $("#id")选择指定id的元素,
? ? $(".class")选择所有该class的元素,
? ? $("input")选择所有该名称的元素,
? ? $("*")选择所有的元素,
? ? 2.层次选择器
? ? $("ancestor descendant")选择元素里面的后代元素,
? ? $("parent child")元素里面的直接子代,
? ? $("pre next")元素的后面的第一个元素,
? ? $("pre ~ siblings")元素后面的所有元素
? ? 3.过滤选择器
? ? ?基本过滤选择器$("div:first")选择div中的第一个
? ? ?内容过滤选择器$("div:contains("hello world")")选择含有hello world的div元素
? ? ?可见性过滤选择器$(":hidden")选择不可见的元素，$(":visible")选取可见的元素
? ? ?属性过滤选择器$("div[id]")选取含有id属性的div标签，$("div[id=test]")选取id属性等于test的div标签
? ? ?子元素过滤选择器$("div.one :nth-child(2)")选取所有class为one的<div>下的第2个子元素
? ? 4.表单选择器
? ? $(":input")返回集合元素,
二、Dom操作
? ? 1.查找节点
? ? 2.创建节点 //$("ul").prepend($li_1);
? ? 3.插入节点 // $("ul li:eq(0)").insertAfter($li_3);
? ? 4.删除节点 //$("ul li").remove("li[title=苹果]");
? ? 5.复制节点 // $(this).clone(true).appendTo($("ul"));复制点击的节点加到ul标签中，clone的参数为true时表示复制产生的节点可以进行复制操作
? ? 6.替换节点 //$("p").replaceWith($("<strong>你不是个好人！</strong>"));将p标签替换掉
? ? 7.包裹节点 //$("p").wrap("<b></b>")//用<b>把p分别包裹起来,$("#c").wrapInner("<b></b>")//将内容包裹起来
? ? 8.属性操作 //$("p").attr("title")//获取属性,$("p").attr("title","bbb")//设置属性,$("p").removeAttr("title")//删除属性
? ? 9.样式操作 //$("p").addClass("another")//追加样式,$("p").removeClass()//删除样式,$("p").toggleClass("another")//切换样式,$("p").hasClass("another")//判断样式是否存在
? ? 10.设置和获取HTML、文本的值 //html()方法：类似 innerHTML;text()方法：类似 innerText;val()方法：类似于 value
? ? 11.遍历节点
? ? 12.CSS-DOM操作