.使用jquery获取元素
-
通过jquery选择器获取页面元素:
-
基本选择器:ID , 类 , 标签 ,并集(使用逗号隔开) ,交集(没有空格,两个都满足)
-
层级选择器 :子代(使用 > 号) , 后代(使用空格)
-
筛选选择器(是方法):
-
children() =>找到直接子元素
-
find() => 找到后代
-
siblings() => 找到兄弟元素,不包括自己
-
parent() =>找到直接父元素
-
eq(index) =>找到对应下标的元素
-
next() => 下一个兄弟元素
-
index() =>返回对应的索引
-
:eq(index) $(“li:eq(2)”) 获取到的li元素中,选择索引号为2的元素,索引号index从0开始
-
:odd $(“li:odd”) 获取到的li元素中,选择索引号为奇数的元素
-
:even $(“li:even”) 获取到的li元素中,选择索引号为偶数的元素
-
-
使用jquery创建元素
-
创建元素:$('html形式的字符串') ,只创建没有添加到DOM树中
-
添加元素:
-
append()方法:
-
语法:JQuery对象.append()
-
-
- 参数:jquery对象 / html形式的字符串 / DOM对象 ;有剪切效果
-
html()方法:
-
语法:jQuery对象.html('html形式的字符串') ; 会覆盖原来的内容
-
-
清空元素
-
empty()方法:
-
语法:jQuery对象.empty()
-
清空指定节点的所有子节点
-
-
-
删除元素
-
remove()方法
-
语法:jQuery对象.remove(),把自己删除
-
-
-
克隆元素
-
clone()方法
-
语法:jQuery对象.clone(boolean)
-
传true:会克隆所有内容,注册事件也会一起克隆
-
传false / 默认: 会克隆所有内容
-
-