【JQuery官方学习资料（译）：JQuery对象】的更多相关文章

JQuery官方学习资料（译）：避免与其他库的冲突

避免与其他库的冲突     JQuery库和它所有的插件都是包含在jQuery命名空间下的,作为一般规则,全局对象被存储在jQuery的命名空间内,所以你不会得到jQuery和任何其他库之间的冲突(例如:prototype.js.MooTools.YUI).     需要注意的是,默认情况下可以使用$符号作为jQuery的缩写.如果你使用其他JavaScript库,而且使用了$符号,那么运行的时候会出现一些冲突.为了避免这些冲突,需要设置JQuery为无冲突模式. 设置无冲突模式     当你设…

JQuery官方学习资料（译）：类型

类型     JavaScript提供了多个内置数据类型.除了这些,这份文档还将介绍一些虚拟类型,例如选择器.伪类.事件等. String 在JavaScript中字符串是一个不可变的对象,它包含无.一个或多个字符.它的类型称之为“string”. typeof"some string"; // "string" 引号 一个字符串可以使用单引号或双引号来定义,你可以在双引号内或周围嵌套使用单引号,如果要在双引号内使用双引号(或者单引号内使用单引号),必须嵌套使用反斜…

JQuery官方学习资料（译）：遍历JQuery对象和非JQuery对象

    JQuery提供了一个对象遍历的Utility方法$.each()和一个JQuery集合遍历方法.each(). $.each()     $.each()是一个通用的方法用来遍历对象和数组,Plain对象是通过其命名属性进行遍历的.     $.each()可以用来替换传统的for和for-in循环. var sum = 0; var arr = [ 1, 2, 3, 4, 5 ]; for ( var i = 0, l = arr.length; i < l; i++ ) { sum…

JQuery官方学习资料（译）：JQuery对象

    每当创建一个新的元素(或者选择一个已经存在的元素)时,JQuery将返回一个元素的集合.大部分的开发人员新接触JQuery的时候,都把这个集合当做数组.这个集合中的DOM元素有从零开始的索引,这集合也包含了数组常用的方法和length属性,但是JQuery对象是比这更加复杂的. DOM和DOM元素     这里DOM表示的是一个HTML文档,它可能包含了许多的DOM元素,一个元素可以是一个页面内的一片东西,它包含了文本还有其他的DOM元素.也可以是一个单一的DOM元素由类型(标签).属性…

JQuery官方学习资料（译）：使用JQuery的.index()方法

    .index()是一个JQuery对象方法,一般用于搜索JQuery对象上一个给定的元素.该方法有四种不同的函数签名,接下来将讲解这四种函数签名的具体用法. 无参数的.index() <ul> <div></div> <li id="foo1">foo</li> <li id="bar1">bar</li> <li id="baz1">baz&…

JQuery官方学习资料（译）：Utility方法

    JQuery提供了一些utility方法在$命名空间里,这些方法对完成常规的编程任务非常有帮助. $.trim()     删除前后部的空白内容. // 返回 "lots of extra whitespace" $.trim( " lots of extra whitespace " ); $.each()     变量数组或对象..each()方法可以被选择器调用,遍历选择器中的所有元素,注意选择调用的是.each()方法而不是$.each(). $.e…

JQuery官方学习资料（译）：Data方法

    你可能经常会想需要通过元素来存储一些数据.在JavaScript中你可能需要给元素添加属性来实现这样的功能,但是在某些浏览器中,你可能还需要处理因此造成的内存泄露问题.JQuery提供了一个简单的方法来存储数据到元素中和检索元素中存储的数据,并且为你解决相关的内存泄露问题. // 通过元素来存储和检索数据 $( "#myDiv" ).data( "keyName", { foo: "bar" } ); $( "#myDiv&qu…

JQuery官方学习资料（译）：CSS

    JQuery提供了一个处理方法,可以获取或设置元素的CSS属性. // 获取 CSS 属性 $( "h1" ).css( "fontSize" ); // 返回一个字符串,例如"19px" $( "h1" ).css( "font-size" ); // 这也是可以的 // 设置 CSS 属性 $( "h1" ).css( "fontSize", "…

JQuery官方学习资料（译）：操作元素

  获取和设置元素的信息     有很多种方式可以改变现有的元素,最常见的是改变HTML内容或者元素的属性.JQuery提供了简单的夸浏览器的方法来帮助你实现元素信息的获取和设置. .html():获取或设置HTML的内容. .text():获取或设置文本内容. .attr():获取或设置指定属性的值. .width():获取或设置选择器中第一个元素的宽度,值为整数,单位为像素点. .height():获取或设置选择器中第一个元素的高度,值为整数,单位为像素点. .position():获取选择…

JQuery官方学习资料（译）：选择器的运作

Getters 和 Setters     JQuery的方法重载,方法设置和获取值一般使用相同名称的方法,当一个方法用来设置一个值的时候称之为Setter,当一个方法用来获取一个值的时候称之为Getter .在选择器中Setter对所有的元素都有效,而Getter只能获取选择器中的第一个元素的值. // 这个.html()方法被作为setter: $( "h1" ).html( "hello world" ); // 这个.html()方法被作为getter: $…

JQuery官方学习资料（译）：选择元素

选择元素     JQuery最基本的概念是“选择一些元素并让它们做些什么”.JQuery支持大部分的CSS3的选择器,以及一些非标准的选择器. 通过ID选择元素 $( "#myId" ); 通过Class选择元素 $( ".myClass" ); 通过Attribute选择元素 $( "input[name='first_name']" ); 通过复合CSS选择器选择元素 $( "#contents ul.people li"…

JQuery官方学习资料（译）：$ vs $()

直到现在,我们一直是通过一个jQuery对象来调用函数的,例如: $( "h1" ).remove();      大多数jQuery函数是通过jQuery对象调用的,这是$.fn名称空间的一部分,或者说是“jQuery的原型”,可以把它当做是jQuery对象的函数.      然而,有些函数在JQuery选择器上是不存在的,这些函数也是jQuery名称空间的一部分,并且是jQuery的核心函数,通过$.调用.      两者的区别是令人困惑的,以下是你需要记住: 通过jquery 选…

JQuery官方学习资料（译）：遍历

    一旦你通过JQuery创建了选择器,你就可以对此进行更为深入的遍历.遍历可以分为三个基本组成部分,父节点.子节点和兄弟节点.JQuery为这些部分提供了许多丰富易用的方法. <div class="grandparent"> <div class="parent"> <div class="child"> <span class="subchild"></span&…

JQuery官方学习资料（译）：$( document ).ready()

     一个页面直到document是”ready“才能被安全的操作,Jquery为你检查这种状态.代码包含在$( document ).ready()的内部将会仅仅运行一次在页面Document Object Model (DOM)准备好执行JS代码之后.代码包含在$( window ).load(function() { ... })的内部将会运行一次在整个页面里准备好之后,不仅仅是DOM. $( document ).ready(function() { console.log( "re…

JQuery官方学习资料（译）：Attributes

Attributes     元素的属性可以为你的应用程序包含有用的信息,重要的是能够获取和设置它. .attr()方法     .attr()方法是可获取和可设置的,在设置状态下,.attr()可以接收一个key和一个value,或者一个对象包含了一个或多个键值对. setter $( "a" ).attr( "href", "allMyHrefsAreTheSameNow.html" );   $( "a" ).attr(…

jQuery源代码学习之九—jQuery事件模块

jQuery事件系统并没有将事件坚挺函数直接绑定在DOM元素上,而是基于事件缓存模块来管理监听函数的. 二.jQuery事件模块的代码结构 //定义了一些正则 // // //jQuery事件对象 jQuery.event={ global:{}, add:function(elem,types,handle,data,selector){}, remove:function(elem,types,handler,selector,mapppedTypes){}, trigger:functio…

jquery tmpl学习资料 --{{each}} each使用

<!DOCTYPE html><html><head>    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>    <script src="Scripts/tmpl.js" type="text/javascript"></script>&l…

jQuery源代码学习笔记：jQuery.fn.init(selector,context,rootjQuery)代码具体解释

3.1 源代码 init: function( selector, context, rootjQuery ) { var match, elem, ret, doc; // Handle $(""), $(null), or $(undefined) //假设selector为空格.!selector为false if (!selector) { //此时this为空jQuery对象 return this; } // Handle $(DOMElement) //nodeType节…

【jQuery基础学习】12 jQuery学习感想

学习完<锋利的jQuery>,用时13天. 这期间,私底下又用了一点时间去W3C上把HTML和CSS重新过了一遍. 总的来说,收获还是蛮多的. 其实在本书里面真正重要的也就前几章,后面的都是一些插件什么的.这些W3C上面都有. 当然我自己感觉第11章,也就是jQuery的简单性能优化,虽然少了点,但这才算值得我去买一本实体书.(然而我百度了一下,貌似网上也有这样的优化,而且更多点) 好吧,小菜鸡到这里谈论大神的书,好像有点不合适,就当作胡咧咧吧. 毕竟买了本书确实起到了至关重要的作用 保护了我…

【jQuery基础学习】11 jQuery性能简单优化

关于性能优化 合适的选择器 $("#id")会直接调用底层方法,所以这是最快的.如果这样不能直接找到,也可以用find方法继续查找 $("p")标签选择器也是直接调用底层方法,所以是第二选择 $(".class")也是直接调用底层方法,不过IE8及更早版本不支持getElementByClassName,它会采用DOM搜索方式,所以会影响性能. $("[attribute=value]")采用DOM搜索的方式,很多现代浏览器支…

【jQuery基础学习】07 jQuery表单插件-Form

作用:jQuery Form插件的作用是为了让我们可以很方便地用ajax的方式提交表单,从而使我们提交表单的时候页面不用进行刷新. 它的核心方法是ajaxForm()和ajaxSubmit() 升级表单提交方式的时候很简单,不用去改变HTML结构,如下即可: //就是下面这么简单 $("#myForm").ajaxForm(function(){ //提交成功后的操作 }); //你也可以这样 $("#myform").submit(function(){ $(th…

【jQuery基础学习】05 jQuery与Ajax以及序列化

好吧,这章不像上章那么水了,总是炒剩饭也不好. 关于AJAX 所谓Ajax,全名Asynchronous JavaScript and XML.(也就异步的JS和XML) 简单点来讲就是不刷新页面来发送和获取数据,然后更新页面. Ajax的优势 无需插件支持 优秀的用户体验 提高web程序的性能 减轻服务器和带宽的负担 Ajax的不足 浏览器兼容不足 破坏浏览器前进和后退按钮的正常功能 对搜索引擎的支持不足 开发和调试工具的 缺乏 好吧,这些都是几年前的不足.技术的发展很快,这些不足也会慢慢弥补…

【jQuery基础学习】03 jQuery中的事件与动画

关于jQuery中的事件 js与HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的. jQuery增加并扩展了基本的事件处理机制,jQuery不仅提供了更加优雅的事件处理方法,而且极大地增强了事件处理能力. $(document).ready()只需要等文档结构加载完就能执行,而window.onload还要等到文档元素所关联的元素(比如图片)加载完才行. 而因为图片未加载完时ready()事件就执行了,因此图片的长宽属性未必有效,要想解决这个问题可以用$(document).lo…

【jQuery基础学习】02 jQuery的DOM操作

DOM操作分为3个方面: DOM Core    任何一种支持DOM Core的语言都可以使用它,比如getElementById就是DOM Core操作 HTML-DOM  只能用来处理web文档 CSS-DOM    针对CSS的操作 关于jQuery中的DOM操作 查找节点可以很轻易通过就jQuery选择器来找到,这里略过. 创建节点 var $myli= $('<li title="troy">troy123</li>');//创建jQuery对象 $(…

【jQuery基础学习】01 jQuery选择器

关于CSS选择器 jQuery选择器涉及到CSS,CSS技术使得网页的结构与表现样式完全分离. 同样CSS也需要找到某个网页的结构才能改变其样式,这就是CSS选择器. 常用的CSS选择器如下: 标签选择器 以文档元素作为选择符 a{ text-decoration:none; } ID选择器 以文档元素的唯一标识符ID作为选择符 #myNameDiv{ font-size:14px; width:120px; } 类选择器 以文档元素的class作为选择符 div.note{ font-size…

【jQuery基础学习】09 jQuery与前端（这章很水）

这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图片 styles文件夹用来存放css样式表 scripts文件夹用来存放js脚本 网页结构 头部:网站的品牌log,登录信息 内容:放置网站的主体内容 尾部:放置网站的其它友情链接和版权信息之类的 关于网站样式 首先写一个样式表,来包含全局的样式.定义整个网站的reset.css样式表,编写一些全局…

【jQuery基础学习】06 jQuery表单验证插件-Validation

jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等19类内置验证规则 自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示:默认了验证信息提示,并提供了自定义覆盖默认提示信息的功能 实时验证:可以通过keyup或者blur事件触发验证,而不仅仅在表单提交的时候验证 使用方法: 引用jQuery库和Validation插件 <script…

【jQuery基础学习】04 jQuery中的表格操作及cookie插件的使用

这章本来准备写成jQuery的表单操作和表格操作的. 然而昨天吧jQuery的表单操作看完,发现全部在炒之前章节的剩饭,所以就没写出来. 那么今天就来看看表格吧. 因为平常做的都是公司的内部管理系统,所以说数据表格用到的还是比较多的.那么在这里写出来说不定还能用上. 关于jQuery的表格应用 隔行变色 $(function(){ $("tbody>tr:odd").addClass("样式1");//odd是选取奇数行 $("tbody>tr…

很不错的jQuery学习资料和实例

这些都是学习Jquery很不错的资料,整理了一下,分享给大家. 希望能对大家的学习有帮助. 帕兰 Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关教程,  如果你对jQuery感兴趣, 也可以查看帕兰写的文章: 37个更加出色的jQuery插件 45个新鲜出炉的jQuery插件 50多个强大的jQuery插件应用实例 John Resig John Resig, 这位是 JQuery JavaScript脚本库的创建者, 同时也是Mozill…

jQuery官方基础教程笔记(转载)

本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. 对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 虽然jQuery上手简单,比其他…