jquery取第一个元素 jq获取第一个子元素

筛选---查找方法

children()  获取子元素

案例1：

案例2：

案例3：多种实现方法

再来看：

再来看：

再来看：

再来看：

find()  查找后代元素

搜索所有与指定表达式匹配的元素，这个表达式可以使用CSS1-3的选择器语法来写。

parent()  选取父元素

 

parents()  选取祖先元素

至此，整个文档的背景色都改变了。

也可以截止到哪个祖先元素上：

或是：

next() 选择后面紧临的兄弟元素

nextAll() 查找当前元素之后所有的同辈元素

案例1：

案例2：

案例3：

prev()  获取前一个兄弟元素

prevAll()  获取前面所有的兄弟元素

案例1

案例2：

siblings()  获取前后所有的兄弟元素

案例1：

案例2：

对象.each() 

遍历一个jQuery对象，为每个匹配元素执行一个函数。

$.each()：

v参数是一个DOM对象，所以，我们需要使用DOM相关的属性和方法进行操作。

表格隔行变色

1、JS原生态的写法：

2、jQuery的写法

TAB标签页

原生态JS的写法。

jQuery的写法。

1、创建节点

l用$()来创建节点

l用字符串来创建节点

案例1：在页面插入一个div标签。

案例2：在页面上插入一个div标签。

2、插入节点

内部插入

append()  向每个匹配元素尾部插入DOM

案例1：

appendTo()  向每个匹配元素尾部插入DOM

温馨小贴士：这两种记住一种就行，一般是append用的多。

prepend()  向每个匹配元素头部插入DOM

prependTo()  向每个匹配元素头部插入DOM

外部插入

after()  在匹配元素之后插入DOM

insertAfter()  在匹配元素之后插入DOM

before()  在匹配元素之前插入DOM

insertBefore()在匹配元素之前插入DOM，匹配元素在后

3、包裹节点(用的比较少)

wrap()  将所有匹配元素单独包裹

wrapAll()  将所有匹配元素用一个元素包裹

unwrap() 删除元素的父元素

4、删除节点

remove()  删除节点

empty()  清空节点

或者：

detach()  删除节点。(用的比较少，因为没有remove好记)

或是：

5、复制节点-clone(bool)克隆节点

案例1：

案例2：参数为true时，节点和事件处理程序都克隆。

单击按钮以后：

单击【克隆后的按钮】：

可以一直这样单击下去。

案例3：参数是false，只克隆节点不克隆事件处理程序，默认为false。

6、替换节点

replaceWith()  将所有匹配的元素替换成指定的HTML或DOM元素。

replaceAll(selector)  用匹配的元素替换掉所有 selector匹配到的元素。