1 选择器
基本选择器 ： $("#c1") $(".c1") $("p") $("*") 组合选择器 ： $(".c1 p") $(".c1>p") $("div,p") $("div[alex='123']")
属性选择器 ： $("[alex='123']") $("[name='123']")
表单选择器 ： $("[:radio"])
筛选选择器：
$(".c1").eq(索引)
$(".c1").first()
$(".c1").last()
$(".c1").even()
$(".c1").odd()
$("#c1").hasclass("c1") ====>查看class属性中是否有c1
2 绑定事件
dom.on事件=function(){
// this ： 当前事件触发标签
}
jquery对象.事件(function(){
// $(this):当前事件触发标签
})
3 事件委派（委托）
4 循环
4.1循环序列
var arr=[12,34,56];
$.each(arr,function (i,j) {
console.log(i,j)
});
//0 12
//1 34
//2 56
var obj={"name":"alex","age":123}
$.each(obj,function (i,j) {
console.log(i,j)
});
//name alex
//age 123
4.2循环标签
$("ul li").each(function (i,j) {
console.log(i,j);
console.log($(this).html())
})
//i是索引，j是dom对象内容
5 操作标签
5.1 文本控制
$("#p3").html() $("#p3").text() $("#p3").html("<a href>1111</a>") $("#p3").text("<a href>1111</a>") //html：获取文本内容和标签 //text:只获取文本内容
5.2 属性控制
attr(属性名称) ======取值
attr(属性名称，属性值) ===赋值
removeAttr()========删除属性值
addClass()=======为class属性值添加类
removeClass()====为class属性值删除类
val()======获取value值 三个标签有val方法 input textarea select（这个获取到的value值是选中的option值，selected就是默认选中的设置） 补充： <input type="checkbox"> 多选框获取值 ===checked 默认选中 依然用val获取value值
6：节点控制
6.1节点控制
js节点：Document节点====整个文档（<html></html>）
element标签对象就是节点
6.2节点操作
（1）创建节点（Node）
$("<p>") =======创建空的=<p></p>
添加
$("div").append("<p>123</p>")======div的儿子p
$("<p>").appendTo("div")
添加兄弟节点
$("div").after("<p>123</p>")
（2）删除节点
$("div").remove（）
（3）替换节点
$("div").replaceWith（“新节点”）
（4）克隆节点
$("div").clone（“创建节点”）
习题：博客
介绍：博文
浙公网安备 33010602011771号