jquery 中的选择器优势+jquery 中的 load 方法

54 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第15天
点击查看活动详情
一、jquery 中的选择器有什么优势?
1、简洁的写法:省去了 getElementBy...的复杂方法来获取对象。直接通过$("")便可以获取(双引号内写选择器)
2、支持 css1 到 css3 选择器:除了少量的独有的选择器,其他的选择器和 css 中的一样,对于有 css 基础开发者来说容易上手
3、完善的处理机制:可以避免一些因没有判断要获取对象是否存在而出现的错误,

二、jQuery 的 ajax 返回的是 promise 对象吗?
jquery 的 ajax 返回的是 deferred 对象,通过 promise 的 resolve()方法将其转换为 promise 对象。
var jsPromise = Promise.resolve($.ajax('/whatever.json'));

三、jquery 对象和 dom 对象是怎样转换的?
1.jquery 转 DOM 对象:jQuery 对象是一个数组对象,可以通过[index]的方法得到对应的 DOM对象,还可以通过 get[index]去得到相应的 DOM 对象。
2.DOM 对象转 jQuery 对象:$(DOM 对象)

四、jquery 中的 load 方法一般怎么用的?
调用 load 方法的完整格式是:load( url, [data], [callback] ),其中url:是指要导入文件的地址。 data:可选参数;因为 Load 不仅仅可以导入静态的 html 文件,还可以导入动态脚本,例如PHP 文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。
callback:可选参数;是指调用 load 方法并得到服务器响应后,再执行的另外一个函数。
该方法是最简单的从服务器获取数据的方法。它几乎与 .get(url,data,success)等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当textStatus"success""notmodified"时),.load()将匹配元素的HTML内容设置为返回的数据。这意味着该方法的大多数使用会非常简单:<br>.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单:<br> ("#result").load("ajax/test.html");
如果提供回调函数,则会在执行 post-processing 之后执行该函数:
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
上面的两个例子中,如果当前文档不包含 "result" ID,则不会执行 .load() 方法。
如果提供的数据是对象,则使用 POST 方法;否则使用 GET 方法。