数码资讯
jQuery用于处理页面元素使用实例
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本文演示了jQuery使用的处理页面元素的用法，供大家参考，具体分析如下：
页面的元素，它是由不同的DOM中的programming.jquery查询与修改方法管理很麻烦，提供了一整套处理页面元素的方法。它包括的内容，复制，移动和替换的元素。下面是一些常用的内容。
1。直接获取和编辑内容。
在jQuery，网页的内容获取和编辑主要通过HTML的两种方法（）和（）文本，HTML（）相当于获取节点的innerHTML属性，添加参数的HTML（文本），设置innerHTML，和文本（）用于获取的元素的纯文本，文本（内容）是纯文本。
这两种方法有时一起使用，文本（）是用来过滤页面中的标签，和HTML（文本）是用来在节点设置innerHTML。例如：
复制代码代码如下：$（函数（）{（））
var =美元将（P：第一）（文本）； / /获取文本
$（p：去年）Html（将）；
}）；
使用文本（）方法获取第一个p的文本，然后用HTML（）方法将其分配给最后一个p。
熟练使用文本（）和HTML（）方法。
复制代码代码如下所示：
$（函数（）{（））
$（p）。Click（函数（）{）
无功shtmlstr =美元（这）。Html（innerHTML）； / /得到
$（这）。文本（shtmlstr）； / /代码为纯文字介绍
}）；
}）；
文本段落的例子
一次点击、两次点击和三次点击都可以用于代码获取的传输。
2。移动拷贝元素
在普通DOM，如果你想添加一个元素后面的元素，通常使用appendChild（）或（）inserbefore父元素的方法。很多时候，你需要多次找到该节点的位置。这是很麻烦的，追加（）方法在jQuery添加新的子元素的某一元素。
复制代码代码如下所示：
$（函数（）{（））
直接添加HTML代码
$（最后）；
}）；
1122…
3344…
除了直接添加HTML代码之外，还可以使用附加（）方法添加固定节点，例如
复制代码代码如下：$（）；
这将是一个有点不同，如果说是一种元素，那么$（）将被移动到的所有元素的子元素的后面，如果目标是超过一元，那么$（）将需要复制的的形式，在每个P添加子元素，它是不变的。例如：append（）方法用于复制和移动元素。
复制代码代码如下所示：
$（函数（）{（））
$（p）。追加（$（：A（0） ））；
$（p：P（1）（$追加）（：A：EQ（1））；是唯一的目标。
}）
链接1
链接2
文本1
文本2
在上面的代码中附加了两个超链接，对于第一个超链接，添加一个目标$（）有两个元素，对于第二个超链接，目标的添加是唯一的元素。
您可以看到，第一个超链接是以复制的形式添加的，第二个超链接是以移动方式添加的。
此外，从上面可以看出，在目标的样式中，后面的标签（）被用于目标样式，这是因为附加（）是作为子标签添加的，并且将被放在所有子标记（文本）节点的后面。
除了append（）方法，jQuery也提供了appendto（目标）的方法，是用来对指定目标的子元素添加目标元素。它的使用和运行结果完全相似，append（）。
复制代码代码如下：$（函数（）{（））
$（img：情商（0）（$。appendto）（P））； / /添加多个目标
$（img：情商（1）（$。appendto）（P：情商（0） / /）；添加）是唯一的目标
}）；
在第一张照片中，我的同事将3个P添加到标记中，第二张图片分别添加到1个p元素中，从结果中我们可以看到第一张图片是复制表单添加到p的3个元素，而第二张图片是移动添加的方式。
相应的附加（）和（），appendto JQ还提供了在（）和（）方法prependto。这两种方法是将元素添加到目标的所有子元素中，并遵循复制和移动添加的原则。
除了上述的4种方法，JQ还提供了在（），在（），后（），和（）都是直接添加元素节点之前或之后，而不是作为子元素。
在（）是完全一样的，在（）后（）和（）都是完全一样的（后）为例。
复制代码代码如下所示：
$（函数（）{（））
$（p）。在$（）A（EQ（0））之后；
$（p：p（1）（$）（）A：EQ（1））；是唯一的目标。
}）；
链接1
链接2
含量1
含量2
通过上面的代码运行结果，我们可以看到后（）方法也遵循单目标迁移、多目标复制的原则，不再作为子元素添加，它是跟踪目标元素的兄弟元素。
三.删除元素。
在DOM编程，removechild（）的一个元素的方法是经常删除父元素的援助，而jQuery提供删除（）删除元素的直接方法。
例如，$（p）。删除（）；是删除整个页面中所有p元素标记。
删除（）也接受参数。
复制代码代码如下所示：
$（函数（）{（））
$（p），删除（：包括（1））；
/ / $（p：包括（1））（去除）；
}）；
链接1
链接2
含量1
含量2
在上面的代码中删除（）使用一个筛选选择器，包含1个P元素的文本内容被删除。
虽然删除（）可以接受参数，它通常是建议要删除的对象是在选择阶段确定后再删除一次删除（）。（P：包括（1）），删除（）；的作用是一样的，和的其他代码的风格效果的统一。
在DOM中，如果我们想删除所有元素的子元素，我们通常判断匹配的周期与haschildnodes（），并删除它们的removechildnode（）。jQuery提供空（）方法直接删除所有子元素。
复制代码代码如下所示：
$（函数（）{（））
$（p）（空）；删除所有p的子元素
}）；
链接1
链接2
含量1
含量2
4。克隆的元素。
第二部分涉及元素的复制和迁移，但取决于目标的数量。很多时候，开发人员希望，即使目标对象只有一个，它也可以执行复制操作。
jQuery提供了克隆（）方法来完成这项任务。
复制代码代码如下所示：
$（函数（）{（））
$（img：情商（0））。Clone（），AppendTo（$（p））；
$（img：情商（1））。Clone（），AppendTo（$（p：情商（0）））；
}）；
它也完成了由appendto取得的成果（）在上最后一节的方法。
此外，当克隆（）函数将布尔对象的参数作为参数时，当TRUE用作参数时，它所携带的时间方法将被复制到克隆本身之外。
复制代码代码如下所示：
$（函数（）{（））
$（输入{类型=按钮）。Click（函数（）{）
克隆与克隆及其点击行为
$（这）。Clone（真），InsertAfter（本）；
}）；
}）；
上面的代码在单击按钮时克隆了按钮本身，并克隆了单击事件，克隆按钮也具有克隆自身的功能。
希望本文能对大家的jQuery程序设计有所帮助。
页面的元素，它是由不同的DOM中的programming.jquery查询与修改方法管理很麻烦，提供了一整套处理页面元素的方法。它包括的内容，复制，移动和替换的元素。下面是一些常用的内容。
1。直接获取和编辑内容。
在jQuery，网页的内容获取和编辑主要通过HTML的两种方法（）和（）文本，HTML（）相当于获取节点的innerHTML属性，添加参数的HTML（文本），设置innerHTML，和文本（）用于获取的元素的纯文本，文本（内容）是纯文本。
这两种方法有时一起使用，文本（）是用来过滤页面中的标签，和HTML（文本）是用来在节点设置innerHTML。例如：
复制代码代码如下：$（函数（）{（））
var =美元将（P：第一）（文本）； / /获取文本
$（p：去年）Html（将）；
}）；
使用文本（）方法获取第一个p的文本，然后用HTML（）方法将其分配给最后一个p。
熟练使用文本（）和HTML（）方法。
复制代码代码如下所示：
$（函数（）{（））
$（p）。Click（函数（）{）
无功shtmlstr =美元（这）。Html（innerHTML）； / /得到
$（这）。文本（shtmlstr）； / /代码为纯文字介绍
}）；
}）；
文本段落的例子
一次点击、两次点击和三次点击都可以用于代码获取的传输。
2。移动拷贝元素
在普通DOM，如果你想添加一个元素后面的元素，通常使用appendChild（）或（）inserbefore父元素的方法。很多时候，你需要多次找到该节点的位置。这是很麻烦的，追加（）方法在jQuery添加新的子元素的某一元素。
复制代码代码如下所示：
$（函数（）{（））
直接添加HTML代码
$（最后）；
}）；
1122…
3344…
除了直接添加HTML代码之外，还可以使用附加（）方法添加固定节点，例如
复制代码代码如下：$（）；
这将是一个有点不同，如果说是一种元素，那么$（）将被移动到的所有元素的子元素的后面，如果目标是超过一元，那么$（）将需要复制的的形式，在每个P添加子元素，它是不变的。例如：append（）方法用于复制和移动元素。
复制代码代码如下所示：
$（函数（）{（））
$（p）。追加（$（：A（0） ））；
$（p：P（1）（$追加）（：A：EQ（1））；是唯一的目标。
}）
链接1
链接2
文本1
文本2
在上面的代码中附加了两个超链接，对于第一个超链接，添加一个目标$（）有两个元素，对于第二个超链接，目标的添加是唯一的元素。
您可以看到，第一个超链接是以复制的形式添加的，第二个超链接是以移动方式添加的。
此外，从上面可以看出，在目标的样式中，后面的标签（）被用于目标样式，这是因为附加（）是作为子标签添加的，并且将被放在所有子标记（文本）节点的后面。
除了append（）方法，jQuery也提供了appendto（目标）的方法，是用来对指定目标的子元素添加目标元素。它的使用和运行结果完全相似，append（）。
复制代码代码如下：$（函数（）{（））
$（img：情商（0）（$。appendto）（P））； / /添加多个目标
$（img：情商（1）（$。appendto）（P：情商（0） / /）；添加）是唯一的目标
}）；
在第一张照片中，我的同事将3个P添加到标记中，第二张图片分别添加到1个p元素中，从结果中我们可以看到第一张图片是复制表单添加到p的3个元素，而第二张图片是移动添加的方式。
相应的附加（）和（），appendto JQ还提供了在（）和（）方法prependto。这两种方法是将元素添加到目标的所有子元素中，并遵循复制和移动添加的原则。
除了上述的4种方法，JQ还提供了在（），在（），后（），和（）都是直接添加元素节点之前或之后，而不是作为子元素。
在（）是完全一样的，在（）后（）和（）都是完全一样的（后）为例。
复制代码代码如下所示：
$（函数（）{（））
$（p）。在$（）A（EQ（0））之后；
$（p：p（1）（$）（）A：EQ（1））；是唯一的目标。
}）；
链接1
链接2
含量1
含量2
通过上面的代码运行结果，我们可以看到后（）方法也遵循单目标迁移、多目标复制的原则，不再作为子元素添加，它是跟踪目标元素的兄弟元素。
三.删除元素。
在DOM编程，removechild（）的一个元素的方法是经常删除父元素的援助，而jQuery提供删除（）删除元素的直接方法。
例如，$（p）。删除（）；是删除整个页面中所有p元素标记。
删除（）也接受参数。
复制代码代码如下所示：
$（函数（）{（））
$（p），删除（：包括（1））；
/ / $（p：包括（1））（去除）；
}）；
链接1
链接2
含量1
含量2
在上面的代码中删除（）使用一个筛选选择器，包含1个P元素的文本内容被删除。
虽然删除（）可以接受参数，它通常是建议要删除的对象是在选择阶段确定后再删除一次删除（）。（P：包括（1）），删除（）；的作用是一样的，和的其他代码的风格效果的统一。
在DOM中，如果我们想删除所有元素的子元素，我们通常判断匹配的周期与haschildnodes（），并删除它们的removechildnode（）。jQuery提供空（）方法直接删除所有子元素。
复制代码代码如下所示：
$（函数（）{（））
$（p）（空）；删除所有p的子元素
}）；
链接1
链接2
含量1
含量2
4。克隆的元素。
第二部分涉及元素的复制和迁移，但取决于目标的数量。很多时候，开发人员希望，即使目标对象只有一个，它也可以执行复制操作。
jQuery提供了克隆（）方法来完成这项任务。
复制代码代码如下所示：
$（函数（）{（））
$（img：情商（0））。Clone（），AppendTo（$（p））；
$（img：情商（1））。Clone（），AppendTo（$（p：情商（0）））；
}）；
它也完成了由appendto取得的成果（）在上最后一节的方法。
此外，当克隆（）函数将布尔对象的参数作为参数时，当TRUE用作参数时，它所携带的时间方法将被复制到克隆本身之外。
复制代码代码如下所示：
$（函数（）{（））
$（输入{类型=按钮）。Click（函数（）{）
克隆与克隆及其点击行为
$（这）。Clone（真），InsertAfter（本）；
}）；
}）；
上面的代码在单击按钮时克隆了按钮本身，并克隆了单击事件，克隆按钮也具有克隆自身的功能。
希望本文能对大家的jQuery程序设计有所帮助。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。