jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。
url (String) : 请求的HTML页的URL地址。
data (Map) : (可选参数) 发送至服务器的 key/value 数据。
callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。
这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
这个方法可以很方便的动态加载一些HTML文件,例如表单。
示例代码:
$(".ajax.load").load("http://www.cnblogs.com/yeer/archive/2009/06/10/1500682.html .post",
function (responseText, textStatus, XMLHttpRequest){
this;//在这里this指向的是当前的DOM对象,即$(".ajax.load")[0]
//alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态:success,error //alert(XMLHttpRequest);//XMLHttpRequest对象 });
jquery之empty()与remove()区别
要用到移除指定元素的时候,发现empty()与remove([expr])都可以用 来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。
remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
例:
<p>Hello</p>
World
<p>welcome</p>
执行$("p").empty()其结果是
<p></p>
World
<p></p>
执行$("p").remove()其结果是
World
remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
例:
<p>Hello</p>
World
<p>welcome</p>
执行$("p").empty()其结果是
<p></p>
World
<p></p>
执行$("p").remove()其结果是
World
【推广】
免费学中医,健康全家人
原文地址:https://www.cnblogs.com/guolanzhu/p/3460081.html
- 推荐文章
- Java实现 蓝桥杯 算法提高 歌唱比赛(暴力)
- Java实现 蓝桥杯 算法提高 矩阵乘法(暴力)
- VGG16迁移学习实现
- PyTorch数据加载处理
- PyTorch 数据并行处理
- PyTorch 图像分类
- PyTorch 神经网络
- PyTorch 自动微分
- 3层-CNN卷积神经网络预测MNIST数字
- 卷积神经网络(CNN,ConvNet)
- TensorFlow Keras API用法
- MindSpore:自动微分
- Reactive Relational Database In Spring 5
- DDD领域驱动设计1
- https://chinese.visitseoul.net/attractions
- cherry-pick
- what 's different between rxjava .flatmap { } kotlin 's also { } apply { } ?
- GMT+8 -8
- 随笔123
- vertx里的SharedData解析1
- 数据挖掘实践(20):算法基础(三)SVM(支持向量机)算法
- 数据挖掘实践(19):算法基础(二)Logistic回归(逻辑斯蒂)算法
- 数据挖掘实践(18):算法基础(一)线性回归
- Flink 源码(三): Flink Client 实现原理与源码解析(二)
- Flink 源码(二): Flink Client 实现原理与源码解析(一)
- GIT基础(九):Git 远程仓库(Github)
- GIT基础(八):查看提交历史
- GIT基础(七):分支管理
- GIT基础(六):Git 基本操作(一)
- rust thread