前端----jquery(三)

2.6 DOM和CSS的操作

2.6.1 属性函数

• attr( "属性" ); 获得元素的属性值
  • attr( "属性" , "新值" ); 修改元素的属性值
  • attr( 样式参数 ) ：样式参数可以写成json格式

• val() ; 获得表单元素中的value值
  • val("x") 修改表单元素中的value值
• html(); 获得元素中的内容（标签+文本）
  • html("x") 修改元素中的内容（标签+文本）
• text(); 获得元素中的文本
  • text("x") 修改元素中的文本

2.6.2 样式函数

• css( "属性"); 获得该属性值
• css( "属性","值"); 设置属性的值
• css( { json} ); 设置多个属性的值

• width(); 获得元素的宽度
• width( number ); 修改元素的宽度
• height(); 获得元素的高度
• height( number ); 修改元素的高度

2.6.3 类样式函数

• addClass(); 为元素添加类样式
• removeClass(); 将元素的类样式移除
• toggleClass(); 样式的切换（有->无，无->有）

2.6.4 节点操作

• 创建节点
  • 工厂函数$()用于获取或创建节点
• 插入节点
  • 插入子节点

• 插入同辈节点

• 替换节点
  • replaceWith()
  • replaceAll()
  • 复制节点
• clone()
  • 删除节点
• remove()删除整个节点
  • empty()清空节点内容

2.7 遍历节点

2.7.1 祖先元素

用于向上遍历 DOM 树的方法

• parent() 返回被选元素的直接父元素，仅仅是上一级 （找爸爸）
• parents() 返回被选元素的所有祖先元素，它一路向上直到文档的根元素，可以选择辈分

2.7.2 同辈元素

• next() 获取紧邻匹配元素之后的元素
• prev() 获取紧邻匹配元素之前的元素
• siblings( [selector] ) 获取位于匹配元素前面和后面的所有同辈元素

2.7.3 后代元素

后代是子、孙、曾孙等等

• children( [selector] ) 方法返回被选元素的所有直接子元素，“孩子”

 

• find( 选择器 ) 方法返回被选元素的后代元素，一路向下直到最后一个后代。

2.7.4 元素的过滤

• first()：过滤第一个元素
• last()：过滤最后一个元素
• eq(index)：过滤到下标为index的元素
• not()：除了什么之外的元素
• is()：返回布尔，判断是不是这种元素