jQuery获取元素和创建元素

.使用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 / 默认: 会克隆所有内容