没有合适的资源?快使用搜索试试~ 我知道了~
JQuery进阶.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 12 浏览量
2022-06-11
11:47:30
上传
评论
收藏 179KB DOCX 举报
温馨提示
试读
15页
JQuery进阶
资源推荐
资源详情
资源评论
2019-7-8
网络编程
JQuery 进阶
1
博观而约取,厚积而薄发
1.文档处理
jQuery 中对 dom 元素进行操作。
属性/方法 描述
append(content|fn)
向 每 个 匹 配 的 元 素 内 部 追 加 内 容 。 $
("p").append("<b>Hello</b>"); 向 所 有 段 落 中 追 加 一 些
HTML 标记。
appendTo(content)
把所有匹配的元素追加到另一个指定的元素中。使用这个方法
是颠倒了常规的$(A).appendTo(B)的操作,即不是把 B 追加
到 A 中,而是把 A 追加到 B 中。
$("p").appendTo("div");把所有段落追加到 div 元素中
prepend(content|fn)
向 每 个 匹 配 的 元 素 内 部 前 置 内 容 。 $
("p").prepend("<b>Hello</b>"); 向所 有 段 落 中 前 置 一 些
HTML 标记代码。
prependTo(content)
把所有匹配的元素前置到另一个、指定的元素元素集合中。使
用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是
把 B 前 置 到 A 中 , 而 是 把 A 前 置 到 B 中 。 $
("p").prependTo("#foo"); 把所有段落追加到 ID 值为 foo 的
元素中。
after(content|fn)
在 每 个 匹 配 的 元 素 之 后 插 入 内 容 。 $
("p").after("<b>Hello</b>"); 在 所 有 段 落 之 后 插 入 一 些
HTML 标记代码。
before(content|fn)
在 每 个 匹 配 的 元 素 之 前 插 入 内 容 。 $
("p").before("<b>Hello</b>");在所有段落之前插 入 一 些
HTML 标记代码。
insertAfter(content)
把所有匹配的元素插入到另一个、指定的元素元素集合的后
面。使用这个方法是颠倒了常规的 $(A).after(B)的操作,即不
是 把 B 插 入 到 A 后 面 , 而 是 把 A 插 入 到 B 后 面 。 $
("p").insertAfter("#foo");把所有段落插入到一个元素之后。
与 $("#foo").after("p")相同
insertBefore(content)
把所有匹配的元素插入到另一个、指定的元素元素集合的前
面。使用这个方法是颠倒了常规的$(A).before(B)的操作,即
不 是 把 B 插 入 到 A 前 面 , 而 是 把 A 插 入 到 B 前 面 。 $
2
博观而约取,厚积而薄发
("p").insertBefore("#foo");把所有 段落插入到一 个元素之
前。与 $("#foo").before("p")相同。
replaceWith(content|fn)
将所有匹配的元素替换成指定的 HTML 或 DOM 元素。
$("p").replaceWith("<b>Paragraph. </b>"); 把所有的段
落标记替换成加粗的标记。
replaceAll(selector)
用匹配的元素替换掉所有 selector 匹配到的元素。
$("<b>Paragraph. </b>").replaceAll("p");把所有的段落
标记替换成加粗标记
empty()
删除、清空匹配的元素集合中所有的子节点。$("p").empty();
把所有段落的子元素(包括文本节点)删除
remove([expr])
从 DOM 中删除所有匹配的元素。$("p").remove();从 DOM
中把所有段落删除
clone([Even[,deepEven]])
克隆匹配的 DOM 元素并且选中这些克隆的副本。(传入参数布
尔值(true 或者 false)指示事件处理函数是否会被复制。)
$("b").clone().prependTo("p");克隆所有 b 元素(并选中这
些克隆的副本),然后将它们前置到所有段落中。
案例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQueryDOM 操作</title>
<script src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
//点击按钮执行的动作
var text=$("#mei").val(); //获取文本框的 value 值
//定位下拉框,并向下拉框中追加一个 option
//$("#ss").append("<option>"+text+"</option>"); //A 里面追加 B
在后面追加
剩余14页未读,继续阅读
资源评论
熊猫-IT
- 粉丝: 3473
- 资源: 173
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功