jquery 注意事项与常用语法小结

2020-05-17 06:22:05易采站长站整理

(3)、在使用animate()方法使元素动起来之前,为了能影响该元素的”top”、”left”、”buttom”、”right”样式属性,必须先把元素的position样式设置为”relative”或者”absolute”。
9、关于load()方法
此方法通常用来从web服务器上获取静态的数据文件。
(1)、用load()筛选载入的HTML文档内容
这时load()方法的URL参数的语法结构为:”url selector”,注意url和selector之间有一个空格。例如只需要加载test.html页面中class为”para”的内容,可以用$(“#xxx”).load(“test.html .para”);
(2)、load()方法的回调函数的参数
load()方法提供的回调函数有3个参数,分别代表请求返回的内容、请求状态和XMLHttpRequest对象,代码如下:

#(“#resText”).load(“test.html”, function(responseText, textStatus, XMLHttpRequest) {
//responseText : 请求返回的内容
//textStatus : 请求状态: success、error、notmodified、timeout 4种
//XMLHttpRequest : XMLHttpRequest对象
});

注意,在load()方法中,无论Ajax请求是否成功,只要当请求完成后(complete)后,回调函数(callback)就被触发。此对应$.ajax()方法中的complete回调函数。
10、关于$.get()方法
(1)、只有当response的返回状态是success时才调用此方法的回调函数。
(2)、此方法的回调函数有两个参数,分别是data即返回的内容(可以是XML文档、JSON文件、HTML片段等等)、textStatus即请求状态(success、error、notmodified、timeout这4种)
注意,$.post()方法与$.get()方法基本相同。
11、关于内容选择器
内容选择器:contains()选择符区分大小写。
12、关于插件的通常写法

(function ($) {
$.fn.extend({
“resize” : function (userOptions) {
var defaultOptions = {height:100, width:100};
var mergeOptions = $.extend({}, defaultOptions, userOptions);
return this.each(function () {
$(this).animate(mergeOptions, “slow”, function () {
$(this).fadeTo(“slow”, “.70”)
});
});
}
});
})(jQuery);

注意:
1、插件函数中的this一般只的是jQuery对象,例如第六行的this。但this.each中的this指的是DOM对象。