jQuery笔记

发布者: superzhang | 发布时间:2017-11-25

toggleClass(class)

如果存在（不存在）就删除（添加）一个类。

返回值：jQuery

参数

class (String) :CSS类名

示例：为匹配的元素切换 'selected' 类

HTML 代码:

<p>Hello</p><p>Hello Again</p>

jQuery 代码:

$("p").toggleClass("selected");

结果:

[ <p>Hello</p>, <p>Hello Again</p> ]

1.html代码

（1）html()

取得第一个匹配元素的html内容，这个函数不能用于XML文档.但可以用于XHTML文档

返回值:String

示例:

HTML 代码:

<div><p>Hello</p></div>

jQuery 代码:

$("div").html();

结果:

Hello

(2)html(

想读更多 ->

jquery选择器详解

发布者: superzhang | 发布时间:2017-11-25

jQuery是一个轻量级的js库

选择器

基本选择器

元素选择器：$(“标签名”)

类选择器：$(“.class”)

id选择器：$(“#id”)

选择器组：$(“#d1,.importent”)

添加一个+按钮，使段落的字体放大

jquery选择器详解

层次选择器

在select1元素下，选中所有满足select2的子孙元素：$(“select1 select2”)

在select1元素下，选中所有满足select2的子元素：$(“select1>select2”)

选中select1元素的，满足select2的下一个弟弟：$(“select1+select2”)

选中select1元素的，满足select2的所有弟弟：$(“select1~select2”)

过滤选择器

第一个元素 ——:first

最后一个元素——:last

把selecto

想读更多 ->

jQuery 效果- 动画

发布者: superzhang | 发布时间:2017-11-25

jQuery animate() 方法允许您创建自定义的动画。

jQuery 动画实例

jQuery

jQuery 效果- 动画

jQuery 动画 - animate() 方法

jQuery animate() 方法用于创建自定义动画。

语法：

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

下面的例子演示 animate() 方法的简单应用。它把 <div> 元素往右边移动了 250 像素：

实例

$("button").click(function(){ $("div").animate({left:'250px'});});

想读更多 ->

利用jQuery实现短信验证码输入框功能

发布者: superzhang | 发布时间:2017-11-25

其核心是利用了keyup事件属性。

在事例里添加了正则因此只能输入数字，输入英文字符时会弹出警告提示框。

1、未输入效果

利用jQuery实现短信验证码输入框功能

未输入效果

2、验证码输入效果

利用jQuery实现短信验证码输入框功能

验证码输入效果

jQuery核心代码：

$('.demo input').keyup(function() {

if(/^[0-9]{1}$/g.test($(this).val())) {

$(this).next().focus()

想读更多 ->

JavaScript降频监听

发布者: superzhang | 发布时间:2017-11-25

推荐一个很好的js工具库叫做Underscore.js。

Underscore.js 底层

// Returns a function, that, as long as it continues to be invoked, will not// be triggered. The function will be called after it stops being called for// N milliseconds. If `immediate` is passed, trigger the function on the// leading edge, instead of the trailing._.debounce = function(func, wait, immediate) {var timeout;return function() {var context = this, args = arguments;var later = function() {timeout = null;if (!immediate) func.apply(context, args);};var callNow = immediate && !timeout;clearTimeout(timeout);timeout = setT

想读更多 ->

jQuery css() 方法

发布者: superzhang | 发布时间:2017-11-25

jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。

jQuery css() 方法

返回 CSS 属性

如需返回指定的 CSS 属性的值，请使用如下语法：

css("propertyname");

下面的例子将返回首个匹配元素的 background-color 值：

实例

$("p").css("background-color");

jQuery css() 方法

设置 CSS 属性

如需设置指定的 CSS 属性，请使用如下语法：

css("propertyname","value");

下面的例子将为所有匹配元素设置 background-colo

想读更多 ->

jquery初探

发布者: superzhang | 发布时间:2017-11-25

作为一名程序员，需要有全面的知识和技能，不仅仅是对某一领域的精通。比如作为一名java程序员，就不仅要对java的知识很精通，也要对sql，javascript等熟练掌握，方能满足日常的工作要求。

对于js，目前的实际情况是大多使用的是js的各种框架，最常见的额就是jquery了。

jquery初探

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1

想读更多 ->