1、查询
1)html操作
读取或者修改节点的html内容,类似于innerHTML
语法:jq对象.html();
2)文本操作
读取或修改节点的文本内容,类似于textContent
语法:jq对象.text();
3)值操作
读取或修改节点value属性值,类似于DOM的value属性
语法:jq对象.val();
4)属性操作
读取或修改节点的属性
语法:获取: jq对象.attr(“属性名”)
修改: jq对象.attr(“属性名”,“值”);
移除属性
语法:jq对象.removeAttr(“属性名”)
1、获取或设置css样式
1)读取css属性值
语法:jq对象.css(“css属性名”)
2)设置css属性值
语法:jq对象.css("属性名","属性值");
多个样式属性:
jq对象.css({"属性名":"属性值","属性名":"属性值",...});
大括号中表示样式列表,多个样式属性之间用逗号隔开,属性和属性值之间用冒号
注意,以上两种方法所使用的样式属性名与样式表的名字一直
2、遍历节点
-children();获取直接子节点对象集合
-children(选择器名);//获取直接子节点中能够匹配指定选择器的元素
-next();//下一个兄弟节点
-next(选择器);//下一个兄弟节点且匹配指定选择器
-pra()/pra(选择器);//上一个兄弟节点、上一个兄弟节点且匹配指定选择器
-siblings();//所有兄弟节点
-siblings(选择器);兄弟节点中匹配指定选择器的元素
-find(选择器);查找满足选择器的所有子元素
-parent(); 父节点
3、创建、插入、删除节点
1)创建节点
通过(“html字符串”)
2)插入节点
-内部插入节点
jq对象.append(元素对象):作为对象的最后一个子节点进行添加
jq对象.prepend(元素对象);作为对象的第一个子节点进行添加
-外部插入节点
jq对象.after(元素对象);作为对象的下一个兄弟节点进行插入
jq对象.before(元素对象);作为对象的上一个兄弟节点进行插入
4、删除节点
-jq对象.remove(); 删除该节点
-jq对象.remove(选择器);//删除jq对象中匹配选择器的节点
-jq对象.empty();//清空节点对象的子节点