一、选择器
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操作