云顶赌场_搜易得IT数码资讯网

云顶赌场

2017-11-25 00:48 来源:搜易得IT数码资讯网

AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

Behaviour.register({    '#foo ol li': function(a) {       a.title = "List Items!";       a.onclick = function(){ alert('Hello!'); };    },    '#foo ol li.tmp': function(a) {       a.style.color = 'white';    },    '#foo ol li.tmp .foo': function(a) {       a.style.background = 'red';}});他认为应该改写为:

在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。

2010年2月,jQuery1.4.2版发布,它新增了有关事件委托的两个方法:delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。这个方法比live()来的方便,而且也可以达到动态添加事件的作用。比如给表格的每个td绑定hover事件,代码如下:

$('#foo ol li')    .set('title','List Items!')    .bind('click',function(){ alert('Hello!'); })    .select('.tmp')    .style('color','white')    .select('.foo')    .style('background','red');这些代码也是jQuery语法的最初雏形。当时John的想法很简单:他发现这种语法相对现有的JavaScript库更为简洁。但他没想到的是,这篇文章一经发布就引起了业界的关注。于是John开始认真思考着这件事情(编写语法更为简洁的JavaScript程序库),直到2006年1月14日,John正式宣布以jQuery的名称发布自己的程序库。随之而来的是jQuery的快速发展。

jQuery中所有选择器都以美元符号开头:$()。

Behaviour.register({    '#example li': function(e){        e.onclick = function(){            this.parentNode.removeChild(this);        }    }});他认为应该改写为:

2010年1月,也是jQuery的四周年生日,jQuery1.4版发布,为了庆祝jQuery四周岁生日,jQuery团队特别创建了jquery14.com站点,带来了连续14天的新版本专题介绍。

2006年1月JohnResig等人创建了jQuery;8月,jQuery的第一个稳定版本,并且已经支持CSS选择符、事件处理和AJAX交互。

常用的jQuery事件方法

在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为VisualStudio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。

$("p").dblclick(function(){    $(this).hide();});mouseenter()

2009年1月,jQuery1.3版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在1.3版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

$('b.someclass').bind('click',function(){    alert(this.innerHTML);});$('#someid u').bind('mouseover',function(){    this.innerHTML = 'BLAH!';});第三个例子是为不断变化的元素注册不同的事件:

第一个例子是为元素注册一个事件:

$('#example li').bind('click',function(){    this.parentNode.removeChild(this);});    第二个例子是为不同的元素注册不同的事件:Behaviour.register({    'b.someclass' : function(e){        e.onclick = function(){            alert(this.innerHTML);        }    },    '#someid u' : function(e){        e.onmouseover = function(){            this.innerHTML = "BLAH!";        }    }});他认为应该改写为:

jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。[6-7] 

当鼠标指针离开元素时,会发生mouseleave事件。

2011年11月,jQuery1.7版发布。[2-3] 

jQuery事件方法语法

在jQuery中,大多数DOM事件都有一个等效的jQuery方法。

该函数在用户点击HTML元素时执行。

提供对JavaScript语言的增强

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

页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器。

click()方法是当按钮点击事件被触发时会调用一个函数。

当双击元素时,会发生dblclick事件。

创建AJAX无刷新网页

$(document).ready()方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery语法章节中已经提到过。

当鼠标指针移动到元素上方,并按下鼠标按键时,会发生mousedown事件。

#p#分页标题#e#JSNice:一款让经过混淆处理的JavaScript代码可读更好的工具。它使用一种用于JavaScript代码美化的去混淆和去压缩引擎。JSNice采用先进的机器学习和程序分析技术,从可用的开源项目学习命名和类型规律。[5] 

增强的事件处理

$("p").click(function(){    $(this).hide();});dblclick()

$("#test")class选择器

提供漂亮的页面动态效果

//1.4.2$("table").delegate("td", "hover", function(){    $(this).toggleClass("hover");});//1.3.2$("table").each(function(){    $("td", this).live("hover", function(){        $(this).toggleClass("hover");    });});2011年1月,jQuery1.5版发布。

$("p").click();下一步是定义什么时间触发事件。您可以通过一个事件函数实现:

通过id选取元素语法如下:

jQuery选择器允许您对HTML元素组或单个元素进行操作。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。[1] 

jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。

在1.3及更早版本中,jQuery通过JavaScript的eval方法来解析json对象。在1.4中,如果你用的浏览器支持,则会使用原生的JSON.parse解析json对象,这样对json对象的书写验证则更为严格。比如:{foo:"bar"}的写法将不会被验证为合法的json对象,必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本,那么这一点要尤其注意。

jQuery元素选择器基于元素名选取元素。

$("p")在页面中选取所有元素

在功能模块中,事件系统提供了统一的事件绑定、响应、手动触发和移除机制,它并没有将事件直接绑定到DOM元素上,而是基于数据缓存模块来管理事件;Ajax模块允许从服务器上加载数据,而不用刷新页面,它基于异步队列模块来管理和触发回调函数;动画模块用于向网页中添加动画效果,它基于队列模块来管理和执行动画函数;属性操作模块用于对HTML属性和DOM属性进行读取、设置和移除操作;DOM遍历模块用于在DoM树中遍历父元素、子元素和兄弟元素;DOM操作模块用于插入、移除、复制和替换DOM元素;样式操作模块用于获取计算样式或设置内联样式;坐标模块用于读取或设置DOM元素的文档坐标;尺寸模块用于获取DOM元素的高度和宽度。[8-9] 

Brackets:一个免费、开源且跨平台的HTML/CSS/JavaScript前端WEB集成开发环境(IDE工具)。该项目由Adobe创建和维护,根据MIT许可证发布,支持Windows、Linux平台。Brackets的特点是简约、优雅、快捷,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。

jQuery类选择器可以通过指定的class查找元素。

$("p").click(function(){    // 动作触发后执行的代码!!});

#p#分页标题#e#2007年7月,jQuery1.1.3版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月,jQuery1.2版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQueryUI项目也开始启动,这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQueryUI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放、拖拽、排序)的工具。

浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果,其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。

jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

Notepad++:一套有特色的自由软件的纯文字编辑器,有完整的中文化接口及支持多国语言编写的功能。它的功能比Windows中的Notepad(记事本)强大,除了可以用来制作一般的纯文字说明文件,也十分适合当作编写电脑程序的编辑器。Notepad++不仅有语法高亮度显示,也有语法折叠功能,并且支持宏以及扩充基本功能的外挂模组。

当鼠标指针穿过元素时,会发生mouseenter事件。

页面中指定一个点击事件:

在底层支持模块中,回调函数列表模块用于增强对回调函数的管理,支持添加、移除、触发、锁定、禁用回调函数等功能;异步队列模块用于解耦异步任务和回调函数,它在回调函数列表的基础上为回调函数增加了状态,并提供了多个回调函数列表,支持传播任意同步或异步回调函数的成功或失败状态;数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据;队列模块用于管理一组函数,支持函数的入队和出队操作,并确保函数按顺序执行,它基于数据缓存模块实现。

#p#分页标题#e#在下面的实例中,当点击事件在某个元素上触发时,隐藏当前的元素:

快速获取文档元素

jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"(或选择)HTML元素。它基于已经存在的CSS选择器,除此之外,它还有一些自定义的选择器。

jQuery#id选择器通过HTML元素的id属性选取指定的元素。

2005年8月,JohnResig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做简单的流程说明。

mouseenter()方法触发mouseenter事件,或规定当发生mouseenter事件时运行的函数。

$("#p1").mouseleave(function(){    alert("Bye! You now leave p1!");});mousedown()

$("#p1").mouseenter(function(){    alert("You entered p1!");});mouseleave()

运行jQuery所需的条件很简单:一台计算机、一个智能电话或一个可以运行现代浏览器的设备。jQuery对浏览器的要求也相当自由。官方网站列出了下列支持jQuery的浏览器:

中文名 极快瑞 外文名 jQuery 核心理念 writeless,domore 发布时间 2006年1月 发布人 JohnResig 发布地点 美国纽约 最新版本 jQuery3.2.1 第一个版本 jQuery1.0(2006年1月) 

mouseleave()方法触发mouseleave事件,或规定当发生mouseleave事件时运行的函数:

2008年5月,jQuery1.2.6版发布,这版主要是将BrandonAaron开发的流行的Dimensions插件的功能移植到了核心库中,同时也修改了许多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升级到1.2.6,那么完全可以从代码中排除Dimensions插件(一个获得元素尺寸、定位的插件)。

dblclick()方法触发dblclick事件,或规定当发生dblclick事件时运行的函数:

责编: