- 每天10个前端知识点:jQuery 11-25
- jQuery实现滑动tab选项卡 11-25
- JQuery笔记-五个超级实用的jquery小技巧 11-25
- web多图上传 11-25
- PyQuery: Python的jQuery 11-25
- jquery限制文本框输入 11-25
- 学习这件事选自学OR培训?以web前端为例深度解析 11-25
- JQurey元素排排站,index准确得到元素索引的 11-25
- 32万网站JavaScript库存在安全漏洞,jQu 11-25
- jQuery获取短信验证码60秒倒计时 11-25
每天10个前端知识点:jQuery
发布者: superzhang | 发布时间:2017-11-251. jQuery && js
jQueryjs
onload$(function() {});window.onload=function(){};
获取元素$('div');document.getElementsByTagName('div');
事件obj.click(fn);obj.onclick=fn;
this$(this)this
索引$(this).index()aDiv[i].index=i;...
操作属性(1)获取attr(name)(1).
(2)设置attr(name, value)(2)[]
(3)getAttribute()/setAttribute()
2. jQuery效果
.hide() 隐藏
.show() 显示
.slideDown() 下滑
.slideUp() 上滑
.fadeIn() 淡入
.fadeOut() 淡出
参数:time时间,easing运动方式,fn回调函数
.animate(params, [speed], [easing], fn)
eg: .animate({width
jQuery实现滑动tab选项卡
发布者: superzhang | 发布时间:2017-11-25jQuery实现滑动tab选项卡效果
首先看看要达到的实现效果:
效果分析:
选项卡菜单数量不固定,菜单内容不固定,所以整体的宽度都是未知的,
为了让交互效果更好,滑块需要添加过渡动画
代码
html结构:
css:
2,让内容闪烁
3,DOM加载完成的简写形式
4,探测浏览器
表单上传
2.ajax上传
ajax和FormData实现页面无刷新文件上传。
ajax上传
此种方式需要注意一个问题,就是上图ajax中processData和contentType的设置。若注释掉这两行代码,会如下错误,
Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发。
在本教程中,您将看到PyQuery:一个允许您对XML文档进行jQuery查询的Python库。在语法上它与jQuery非常相似,如果你熟悉jQuery,理解起来应该更容易。
PyQuery入门
开始使用PyQuery前需要先用PIP安装Python包。
PyQuery安装完成后,将其导入到Python程序中。
在我们项目中比较多用到了文本框限制输入,这个方法很奏效,以前没做js限制的时候,通常用户输入错误,提交以后才会被告知填写的内容不对, 而js判断的最大意义在于让客户没办法输入错误,前者是“允许客户犯错,然后在告知”,而后者是“引导客户不犯错”,体验和格局上都要高一个级别,以下是jq实现用户只能输入字母,数字的一些方法
一、限制只能输入数字
$.fn.onlyNum = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57))
return true;
else
return false;
}).focus(f
学习这件事选自学OR培训?以web前端为例深度解析
发布者: superzhang | 发布时间:2017-11-25讨论自学或者培训之前,先来讨论下欲学习前端的三类人:
前端开发工程师
第一类人对程序有热情:对程序有热情的这些人,无论自学还是培训进入程序行业,以后在软件开发这条路上的发展都是非常的快。
第二类人努力改变自己的生活:就算没有第一类人那么对开发有热情,那么我们也要为生活考虑不是吗?做一个有目标的人也是不错的,为了更好的生活质量,为何不下功夫好好学学现在热门的程序开发呢?
第三类人:听别人说程序员的薪资比较高,对程序没有任何热情,且没有自制力,我感觉这样的人,自学肯定不行,要么直接放弃,要么不甘心的话找个培训班魔鬼训练下,同时培养下兴趣,看能调出自己的兴趣不!
JQurey
$("element").index();
用法:
1.当index()的参数为DOM对象或者jQuery对象时,返回值是此DOM对象或者jQuery对象在指定的元素集合中索引。如果在指定的元素集合中找不到指定的DOM对象或者jQuery对象,那么返回值为-1。
$("li").index($("#abc"));//JQ对象
$("li").index(document.getElementById('abc'));//DOM对象
2.当index()没有参数的时候,返回值是指定元素在其同辈元素集合中的索引位置。
$("#abc").index();
3.当index()的参数为选择器时,将会从通过此选择器获得的对象集合中查找元素。
$("#abc").index("li");
<script>
$(document).ready(function(){
var time=60;
function h(s){
if(time==0){
$(s).attr("disabled",false);
$(s).val("重新获取验证码");
time=60;
}else{
$(s).attr("disabled",true);
$(s).val(time+"秒后重新获取验证码");
time--;
setTimeout(function(){
h(s);
},1000);
}
}
$("#btn").click(function(){
h(this);
});
});
</script>
