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

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

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

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

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

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

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

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

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