jquery文档 | 易学教程

jQuery的入口函数

阅读更多关于 jQuery的入口函数

jQuery中常见的两种入口函数： // 第一种: 简单易用。 *** $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现（ready：准备，dom准备好了） $(document).ready(function(){ ... // 此处是页面DOM加载完成的入口 }); 总结：等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。相当于原生 js 中的 DOMContentLoaded。不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。更推荐使用第一种方式。来源： CSDN 作者：陈善强链接： https://blog.csdn.net/chenshanqiang/article/details/103461080

jquery pageX属性语法

阅读更多关于 jquery pageX属性语法

jquery pageX属性语法作用： pageX() 属性是鼠标指针的位置，相对于文档的左边缘。大理石构件来图加工语法： event.page 参数：参数描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageX属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY); }); }); </script> </head> <body> <p>鼠标指针位于： <span></span></p> </body> </html> 来源： https://www.cnblogs.com/furuihua/p/11961959.html

jquery要怎么写才能速度最快？

阅读更多关于 jquery要怎么写才能速度最快？

很久没有关注jQuery了，最近重新看了一下，看到一些不错的文章，转来坐一下笔记。其内容和一些新提供的方法还是很多有值得学习的地方。 1. 使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find('.elem') 我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下：可以看到，1.6.2版本的运行次数，远远超过两个老版本。尤其是第一条语句，性能有数倍的提高。其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器在jquery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。（1）最快的选择器：id选择器和元素标签选择器举例来说，下面的语句性能最佳： $('#id') $('form') $('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法（比如getElementById()），所以它们的执行速度快。（2）较慢的选择器

jquery要怎么写才能速度最快？（转）

阅读更多关于 jquery要怎么写才能速度最快？（转）

JQuery

阅读更多关于 JQuery

jQuery——一个快速，简介的javaScrip框架作用：将我们的页面的js代码和HTML页面代码进行分离　　　提供工作效率引入jQuery的库 <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> jQuery函数创建：文档加载完成的事件 jQuery(document).ready(function(){ }); $(document).read(function(){ }); $(function(){ }); 三种方式都可以 window.onload = function(){ 　　//文档加载事件 } jq绑定事件例子 $("选择器").click(function(){ }); 事件： .html("文本内容")——替换两个尖括号里面的内容 js和jq对象互换： var div = $("选择器")，日常开发通常在di对象名前面加个$，标识为jq转成js的对象 var $div = $("id选择器"); var jsDiv = $div.get(0); var jsDiv = $div[0]; $(jq对象).事件()——直接将js对象放到$里面 jq开发步骤：　　1、导入jq的相关文件　　2、文档加载完成事件：　　　　$(function(){});页面初始化的操作

jQuery中的.bind()、.live()和.delegate()之间区别分析，学习jquery

阅读更多关于 jQuery中的.bind()、.live()和.delegate()之间区别分析，学习jquery

DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。复制代码代码如下: $('a').bind('click',function(){alert('that tickles!')}) 因此一个单击操作会触发alert函数的执行。 click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的语境中，document是根节点。现在我们可以较容易地说明.bind()、.live()和.delegate()的不同之处了。 .bind() 复制代码代码如下: $('a').bind('click',function(){alert('That tickles!');}) 这是最简单的绑定方法了。JQuery扫描文档找出所有的$(‘a')元素，并把alert函数绑定到每个元素的click事件上。 .live() 复制代码代码如下: $('a').live('click',function(){alert('That tickles!')}) JQuery把alert函数绑定到$(document)元素上

Zepto 使用中的一些注意点

阅读更多关于 Zepto 使用中的一些注意点

前段时间完成了公司一个产品的 HTML5 触屏版，开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢？因为 jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery ，所以学习成本也很低。但是在开发过程中，我发现 Zepto 还远未成熟，其中包含了一些或大或小的“坑”，与 jQuery 的差距还是很明显的，所以写篇文章记录下，希望对后来者有帮助注意，本文撰写时 Zepto 版本为 1.0 正式版从哪里下载 Zepto 这个问题看起来很蠢，从官网下载不就行了嘛！可是你有没有发现下载链接上面有行小字呢？ There are more modules; a list of all modules is available in the README. 在这个 README 里面你会惊奇地发现，Zepto 源码中有 14 个模块，而官网提供的标准版里面只有 7 个模块！而且居然不包含对移动端开发非常重要的 touch 模块（提供对触摸事件的支持）！所以我的建议是，不要从官网下载，而是从 Github 下载了源代码之后自己 Build 一个版本，这样你可以自行挑选适合的模块

jQuery中的.bind()、.live()和.delegate()之间区别分析

阅读更多关于 jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析，学习jquery的朋友可以参考下。 DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。复制代码代码如下: $('a').bind('click',function(){alert('that tickles!')}) 因此一个单击操作会触发alert函数的执行。 click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的语境中，document是根节点。现在我们可以较容易地说明.bind()、.live()和.delegate()的不同之处了。 .bind() 代码如下: $('a').bind('click',function(){alert('That tickles!');}) 这是最简单的绑定方法了。JQuery扫描文档找出所有的$(‘a')元素，并把alert函数绑定到每个元素的click事件上。 .live() 代码如下: $('a').live('click',function(){alert(

jQuery中的.bind()、.live()和.delegate()之间区别分析

阅读更多关于 jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析: DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。代码如下: $('a').bind('click',function(){alert('that tickles!')}) 因此一个单击操作会触发alert函数的执行。 click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的语境中，document是根节点。现在我们可以较容易地说明.bind()、.live()和.delegate()的不同之处了。 .bind() 复制代码代码如下: $('a').bind('click',function(){alert('That tickles!');}) 这是最简单的绑定方法了。JQuery扫描文档找出所有的$(‘a')元素，并把alert函数绑定到每个元素的click事件上。 .live() 复制代码代码如下: $('a').live('click',function(){alert('That tickles!

jQuery的.bind()、.live()和.delegate()之间区别

阅读更多关于 jQuery的.bind()、.live()和.delegate()之间区别

摘要： jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，以及防止在交互应用中弹出错误。 $( 'a' ).bind( 'click' , function () { alert( "That tickles!" ) }); 　　基本要素 DOM树　　首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：　　事件冒泡(又称事件传播) 　　当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。　　　　因此一个单击操作会触发alert函数的执行。　　click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。　　在操纵DOM的语境中，document是根节点。　　现在我们可以较容易地说明.bind()、.live()和.delegate()的不同之处了。 .bind() $( 'a' ).bind( 'click' , function () { alert( "That tickles!" ) }); 　　这是最简单的绑定方法了。JQuery扫描文档找出所有的$(

订阅 jquery文档