$.ajax({
url: "http://www.hzhuti.com", //请求的url地址
dataType: "json", //返回格式为json
async: true, //请求是否异步,默认为异步,这也是ajax重要特性
data: { "id": "value" }, //参数值
type: "GET", //请求方式
beforeSend: function() {
//请求前的处理
如:
loadingdiv
&&
loadingdiv
.
showloading
()
;
},
success: function(req) {
//请求成功时处理
},
complete: function() {
//请求完成的处理
如:
loadingdiv&&loadingdiv.
hideloading
()
;
},
error: function() {
//请求出错处理
如:
loadingdiv
&&
loadingdiv
.
showerror
()
;
}
});
-------------------------------------------------------------------------------
1.
jQuery 遍历 - each() 方法
实例
输出每个 li 元素的文本:
$("button").click(function(){ $("li").each(function(){ alert($(this).text()) });});
亲自试一试
定义和用法
each() 方法规定为每个匹配元素规定运行的函数。
2.jq的添加自定义方法
$
.
fn
.
extend
({
isVip
:
function
(){
alert
(
1
)
}
})
;
使用的时候:
$.isVip()
3. 有生成的标签 要寻找的时候就用这种方法
$
(
'.dotidownUl'
).
find
(
'
li
:last'
).
css
(
'backgroundColor'
,
'red'
)
;
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
5. 修改div背景图
css({'background-image':'url(images/msg_btn.gif)'})
6. $(".subject:visible")查找所有的可见的subject元素
7. 找到ul的li里面有 biao=1的li
$(
'.dotidown'
).
find
(
'.dotidownUl li[biao=1]'
).
each
(
function
(){
var
ios
=
$(
this
).
index
();
errornum
.
push
(
ios
);
});
8.判断按键的值
$(
"#loginform .userPwd"
).keypress(
function
(
e
) {
if
(
e
.keyCode
==
13
) {
//
键码值是
13 Enter
var
userName
=
$(
"#userName"
).
val
();
var
password
=
$(
"#password"
).
val
();
login
(
userName
,
password
);
}
});
9.查找有class的li的行间属性
var
numprice
=
$(
'.wrasaul'
).
find
(
'li.activeca'
).
attr
(
'prise'
);
//
提交成功阻止滚动事件
function
submitSuccess
() {
$(
".submit_success"
).
on
({
"touchmove"
: function
(
e
) {
var
evt
=
e
||
window.event;
evt
.
preventDefault
();
}
})
$(window).
on
(
"wheel"
,
function
(
e
) {
var
evt
=
e
||
window.event;
evt
.
preventDefault
();
})
}
--------------------------------------------------------------------------------------------------------------
scripbook
0.用户验证
1.文本类
11_
2.视频类
3.图片类
4.个人中心类
44_
5.移动端
55_
6.产品展示
66_
7.其他
77_
8.购物类
88_
9.加载页
99_
10.特效
100_
11.搜索框
101_
12.vip购买
102_
13.宣传动画
103_
14.轮播
104_
15.时钟
105_
16.head
106_
17.评价
107_
18.视频
108_
19.音乐音频
109_
20.弹窗
120_
21.手机验证码
121_
22..按钮
122_
23.用户意见
133_
24.时间戳
134_
25.文件上传
135_
26.引导
136_
27.响应式
137_
28.选择
138_
29.下拉菜单
140_
30.表格
141_
31.删除
142_
32.加载
143_
33.联动条
144_
34.线
145_
35_介绍
146_
36.阅读
147_
37.温度
148_
38.日记
149_
39.边栏
150_
40.整屏滚动
151_
41.音乐
152_
------------------------------------------------------------------------------------------
1.
src :视频的属性
poster:视频封面,没有播放时显示的图片
preload:预加载
autoplay:自动播放
loop:循环播放
controls:浏览器自带的控制条
width:视频宽度
height:视频高度
2.
<video id="media" src="http://www.jb51.net/test.mp4" controls width="400px" heigt="400px"></video>
//audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象
-----------------------------------------------------------------------------------------------------------------
1.
var
orderDate =
getDate
(iudading.orderDate/
1000
)
;
//日期
function
getDate
(tm){
var
tt=
new
Date(
parseInt
(tm) *
1000
).
toLocaleString
().
replace
(
/年|月/g
,
"-"
).
replace
(
/日/g
,
" "
)
return
tt
;
};
2.
var
daytime
= new
Date(
data
.vipEndDate);
daytime
.
getFullYear
();
daytime
.
getMonth
();
daytime
.
getDate
();
var
time
=
daytime
.
getFullYear
()
+
'.'
+
(
1
+
parseInt
(
daytime
.
getMonth
()))
+
'.'
+
daytime
.
getDate
();
$(
'.twovip'
).
text
(
time
);
-----------------------------------------------------------------------------------------------------------------
1.截取字符串
var str = str.substring(0)
2.截取等号后边的东西
errornum
=
GetQueryString
(
"
errornum
"
)
;
function
GetQueryString
(name)
{
var
reg =
new
RegExp(
"(^|&)"
+ name +
"=([^&]*)(&|$)"
)
;
var
r =
window
.
location
.
search
.
substr
(
1
).
match
(reg)
;
if
(r!=
null
)
return
unescape(r[
2
])
;
return null
;
}
3. 字符串截取后边省略号...
function
jiequ
(stra){
var
str=stra
;
//原始字符串
var
s = str
;
//要展示的字符串
if
(str.
length
>
8
){
s=str.
substring
(
0
,
10
)+
"..."
;
}
return
s
;
}
4.随机数
function
GetRandomNum
(
Min
,
Max
)
{
var
Range
=
Max
-
Min
;
var
Rand
=
Math.
random
();
return
(
Min
+
Math.
round
(
Rand
*
Range
));
}
var
num
=
GetRandomNum
(
0
,
5
);
5.
日期显示
var
daytime
= new
Date(
data
.vipEndDate);
daytime
.
getFullYear
();
daytime
.
getMonth
();
daytime
.
getDate
();
var
time
=
daytime
.
getFullYear
()
+
'.'
+
(
1
+
parseInt
(
daytime
.
getMonth
()))
+
'.'
+
daytime
.
getDate
();
$(
'.twovip'
).
text
(
time
);
6秒化分钟
function
formatSeconds
(
value
) {
var
theTime
=
parseInt
(
value
);
//
秒
var
theTime1
=
0
;
//
分
var
theTime2
=
0
;
//
小时
if
(
theTime
>
60
) {
theTime1
=
parseInt
(
theTime
/
60
);
theTime
=
parseInt
(
theTime
%
60
);
if
(
theTime1
>
60
) {
theTime2
=
parseInt
(
theTime1
/
60
);
theTime1
=
parseInt
(
theTime1
%
60
);
}
}
var
result
=
""
+
parseInt
(
theTime
)
+
"
秒
"
;
if
(
theTime1
>
0
) {
result
=
""
+
parseInt
(
theTime1
)
+
"
分
"
+
result
;
}
if
(
theTime2
>
0
) {
result
=
""
+
parseInt
(
theTime2
)
+
"
小时
"
+
result
;
}
return
result
;
}
7.localStorage.clear() 清空本地存储
8.时钟
var
t
=
window.
setInterval
(
function
(){
if
(
min
==
59
){
min
=
0
;
count
++
;
}
else
{
min
++
;
}
$(
".time i"
).
text
((
count
<
10
?
"0"
+
count
:
count
)
+
":"
+
(
min
>
9
?
min
:
"0"
+
min
));
},
1000
);
1.要看过图在说话
2.问仔细到底有多少效果
3.最后将每个时间都算好,不要落下
4.清楚记得有多少图,别拉下
-------------------------------------------------
1.在function中传参可以传递json,实例传递json,在方法中解 析获取json然后遍历这个json重新保存!
2.localStorage.clear() 清空本地存储
3.写方法的时候要考虑全面,如果有的model没有定义而有的定义 了 就需要||来防止报错
例如:postdata = data.postdata || {};
4.each方法 两个参数 第一个是数组或者对象 第二个是回调函数
2.localStorage.clear() 清空本地存储
3.写方法的时候要考虑全面,如果有的model没有定义而有的定义 了 就需要||来防止报错
例如:postdata = data.postdata || {};
4.each方法 两个参数 第一个是数组或者对象 第二个是回调函数
例如: $.each( [9,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
n为数组的实际值,i为数组的角标
5.选择出了当前的元素其他元素的方法
$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
$('#Hr_tab li').not($(this)).removeClass('onolo');
6.img使用的时候有时候会出现多出来2像素的白边 这时候就需要将img变成display-block属性
7.做网页的时候应该先将网页的各页面路由功能完成,将文件夹搭好,在进行代码编辑
8.判断有class ------
is(‘.classname’)
9.在调用 alert.dialog.confirm(‘你要提示的内容’,‘点击 确定后执行的函数’)
例如:alert.dialog.confirm(‘你的手机号不正确’, function(){ ...})
例如:alert.dialog.confirm(‘你的手机号不正确’, function(){ ...})
10.$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个 方法了
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个 方法了
例如:
$.fn.hideloading=function(){
return this.each(function(){
var $this=$(this);
$this.find(">.loading").hide();
})
}
-----------------------------------------------------
1.nav部分的链接不可选中
2.公司名称等重要信息要重新确认一遍
3.title要有小图标
4.文本内容也要浏览一遍
5.各个按钮的hover效果要确认一遍
6.开发之前不确认的内容部分,再上线之前要确认好 如:公众号的二维码
7.百度搜索之后的tittle需要变成什么样子,提前说好
10.制作网页找好最宽尺寸content部分居中显示用来适应其它设备
----------------