每天10个前端知识点：jQuery

1. 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选项卡

jQuery实现滑动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前端为例深度解析

讨论自学或者培训之前，先来讨论下欲学习前端的三类人：

前端开发工程师

第一类人对程序有热情：对程序有热情的这些人，无论自学还是培训进入程序行业，以后在软件开发这条路上的发展都是非常的快。

第二类人努力改变自己的生活：就算没有第一类人那么对开发有热情，那么我们也要为生活考虑不是吗？做一个有目标的人也是不错的，为了更好的生活质量，为何不下功夫好好学学现在热门的程序开发呢？

第三类人：听别人说程序员的薪资比较高，对程序没有任何热情，且没有自制力，我感觉这样的人，自学肯定不行，要么直接放弃，要么不甘心的话找个培训班魔鬼训练下，同时培养下兴趣，看能调出自己的兴趣不！

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>

想读更多 ->