操作DOM

来源：互联网发布：六年级上册优化答案编辑：程序博客网时间：2024/05/22 14:23

* 操作DOM - 解析HTML元素
* 基本操作
* html() - 作用类似于innerHTML属性,设置或返回所选元素的文本内容,会返回元素名
* 获取 - html()
* 设置 - html(html代码)
* eg : alert($("p").html());
* text() - 作用类似于textContent属性设置或返回所选元素的文本内容
* 获取 - text()
* 设置 - text(文本内容)
* eg : alert($("p").text());
* val() - 作用类似于value属性，设置或返回表单元素的内容
* 获取 - val()
* 设置 - val(value)
* eg : alert($("input:eq(0)").val());
* attr() - 作用类似于getAttribute和setAttribute
* 获取 - attr(name)
* 设置 - attr(name,value)
* 删除 - removeAttr(name)
* eg : alert($("p").attr("title"));
* 样式操作
* attr("class",className)
* 设置样式 - 覆盖原有所有的样式
通过样式获取到元素如input 标签里面有个属性叫name值为checkbox
$("input[name='checkbox']")

* addClass() - 追加样式
* 基于原有的样式,增加一个样式
* removeClass() - 移除样式
* 不传递参数 - 删除所有样式
* 需要传参数 - 删除指定样式
* 传递多个样式名称,中间用空格隔开
* toggleClass(className) - 切换样式
* 在没有样式与指定样式之间切换
* hasClass(className) - 判断样式
* 判断是否包含某个指定样式
* 注意 - 并不是判断是否含有样式

* css()方法
* 获取 - css(attrName)
* 获取指定CSS的属性名的值
* 设置
* css(attrName,attrValue)
* css(options)
options - {key:value}
* 遍历节点
* 父元素 - parent()
* 不传递参数 - 获取指定元素的父元素
* 传递参数 - 获取指定元素的指定(符合expr)父元素
* 注意
* parent(expr) - 父元素
* parents(expr) - 祖先元素(从父级元素到根元素<html>)
* 子元素
* 所有子元素 - children()
* 指定子元素 - children(expr)
* 兄弟元素
* 上一个兄弟元素 - prev()
* 下一个兄弟元素 - next()
* 所有兄弟元素 - siblings()
* 选择器 ele1~ele2 - 获取ele1后面所有ele2的兄弟元素
* find(expr) - 在指定元素中的后代元素查找指定元素

阅读全文

0 0