jquery详细方法大全Word格式文档下载.docx

1、parent child取得下的所有子节点 div span）返回Array:first选取所有元素中第一个元素 div:first返回jQuerylast元素中最后一个lastnot（Selector）选取所有class不是mytest的not（.mytest）even查找表格的偶数行，从0开始计数 tr:even） odd查找表格的奇数行，从0开始计数 oddeq（index）匹配一个给定索引值的元素，从0开始计数 eq（1）gt（index）匹配所有大于给定索引值的元素，从0开始计数 gt（0）lt（index）匹配所有小于给定索引值的元素，从0开始计数 lt（2）animated选取当

2、前正在执行动画的所有元素 animatedcontains（string）选取所有文本内容包含“关键词”的contains（关键词）has查找所有含有子元素的父元素 has（p）empty选取所有空 jQuery:img）.attr（src）;Result:test.jpgremoveAttr（key）删除一个属性）.removeAttr（ addClass（class）追加指定的类名Hellop）.addClass（selected highlight 如果要替换样式，用attr（）removeClass（）移除样式Html:red你最喜欢的是？JQuery:）.removeClass（p

3、可以同时移除多个样式：red bold或者全部移除样式：）.removeClass（）;toggleClass（）如果节点存在该样式，则移除，不存在，则追加）.toggleClass（bluehasClass（class）判断节点是否存在该样式，返回布尔值）.hasClass（ 该方法等价于：）.is（.bluehtml（）取得或设置文本内容 类似innerHTML（）仅可用于html文档返回String/jQuerytext（）类似innerText（）可以用于html和xml文档val（）取得或设置input文本框的值Html：input type= id=searchbox value=

4、搜索的内容 /）.focus（function（）if（this.val（）=）this.val（）;）.blur（function（）this.val（this.defaultValue）this.defaultValue 表示input文本框的默认value通过val（）还能做到将表单多选框,checkbox,radio事先选中：）.val（check2,check3）;radio2返回String/Array节点匹配each（callback） 为每一个匹配的元素执行一个函数迭代两个图像，并设置它们的 src 属性注意此处 this 指代的是 DOM 对象而非 jQuery 对象img/

5、）.each（function（i）this.src = test + i + .jpg;test0.jpg, li id=foofoobarbarbazbaz$（li）.index（$（#bar）; /1li:gt（0）.index（ /1 ）.index（）;get（）/get（index）get（）:以数组形式取得所有匹配的节点集合 get（index） :index存在则从中选择某一个DOM节点test2.jpg）.get（0）;Reslut:Element/ Element以对象形式获取第index个元素，位置从0算起获取匹配的第二个元素 This is just a test. S

6、o is thisli/olHow are you?）.filter（function（index） return $（ol, this）.length = 0;has（expr）保留包含特定后代的元素，去掉那些不含有指定后代的元素list item 1list item 2list item 2-alist item 2-blist item 3list item 4）.has（ul）.css（background-color, rednot（expr）删除与指定表达式匹配的元素从p元素中删除带有 select 的ID的元素p id=Hello Again, how are you?）.fi

7、nd（spannext（expr）取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合找到每个段落的后面紧邻的同辈元素。And Again/forminputtype=checkbox）.parent（）.is（formResult：True判断元素是否处于动画状态 if（!$（element）.is（）返回Booleanend（）回到最近的一个破坏性操作之前。即，将匹配的元素列表变为前一次的状态所谓的就是指任何改变所匹配的jQuery元素的操作。如：add, andSelf, children, filter, find, map, next, nextAll, not, pa

8、rent, parents, prev, prevAll, siblings, slice, clone。选取所有的p元素，查找并选取span子元素，然后再回过来选取p元素,how are you?）.end（） how are you?文本处理append（）$（A）.append（B） 将B的内容追加到A元素内我想说：）.append（b你好appendTo（）$（A）.appendTo（B） 将A的内容追加到B元素内）.appendTo（replaceWith（）$（A）.replaceWith（B） 将B的内容替换到A节点）.replaceWith（你最不喜欢的是？replaceAll

9、（）$（A）.replaceAll（B） 将A的内容替换到B节点）.replaceAll（remove（）移出节点ul li:）.remove（）;）.remove（lititle!=菠萝empty（）清空节点）.empty（）;该节点里的文本内容和子节点将全部清空Csscss（name,value）取得一个元素的css值或设定一个元素的css值）.css（#cc0000和attr方法一样，可以同时赋值多个css属性 ）.css（font-size14pxoffset（）取得元素在当前窗口中的定位值，返回两个属性left,topvar offset = $（）.offset（）;var lef

10、t = offset.left;var top = offset.top;返回Objecttop,leftposition（）取得元素相对于最近一个 position为relative或position为absolute的父节点定位值，返回两个属性left,topvar position = $（）.position（）;var left = position.left;var top = position.top;scrollLeft（val）获取或设置匹配元素相对滚动条左侧的偏移取得浏览器滚动条的左边界 $（window）.scrollLeft（）获取第一段相对滚动条顶部的偏移 2nd P

11、aragraphvar p = $（p:）.text（scrollTop: + p.scrollTop（）; 0scrollTop（val）获取或设置匹配元素相对滚动条顶部的偏移取得浏览器滚动条的上边界 $（window）.scrollTop（）height（val）取得对象的高度，或赋值对象的高度浏览器可视区域的高 $（window）.height（）;width（val）取得对象的宽度，或赋值对象的宽度#gooDiv）.width（300）;innerHeight（）obj的自身大小 + padding大小innerWidth（）outerHeight（true）obj自身大小 + padding大小 + border大小如果属性true：obj自身大小 + margin大小 + padding大小 + border大小outerWidth（true）事件bind（type,data,fn）对象事件响应，event可以是JS事件，也可以是JQuery事件#foo）.bind（click, function（） alert（User clicked on foo.多个事件捆绑，每个事件类型用空格分隔：mouseenter mouseleave$（this）.toggleClass（entered在jQuery 1.4中，可以通过传入一个映射对来一次绑定多个事件