JQuery方法总结  

  1. Dom:
  2. Attribute:(属性)
  3. $("p").addClass(css中定义的样式类型); 给某个元素添加样式
  4. $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map
  5. $("img").attr("src","test.jpg"); 给某个元素添加属性/值
  6. $("img").attr("title", function() { return this.src }); 给某个元素添加属性/值
  7. $("元素名称").html(); 获得该元素内的内容(元素,文本等)
  8. $("元素名称").html("<b>new stuff</b>"); 给某元素设置内容
  9. $("元素名称").removeAttr("属性名称") 给某元素删除指定的属性以及该属性的值
  10. $("元素名称").removeClass("class") 给某元素删除指定的样式
  11. $("元素名称").text(); 获得该元素的文本
  12. $("元素名称").text(value); 设置该元素的文本值为value
  13. $("元素名称").toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式
  14. $("input元素名称").val(); 获取input元素的值
  15. $("input元素名称").val(value); 设置input元素的值为value
  16. Manipulation: (操作)
  17. $("元素名称").after(content); 在匹配元素后面添加内容
  18. $("元素名称").append(content); 将content作为元素的内容插入到该元素的后面
  19. $("元素名称").appendTo(content); 在content后接元素
  20. $("元素名称").before(content); 与after方法相反
  21. $("元素名称").clone(布尔表达式) 当布尔表达式为真时,克隆元素(无参时,当作true处理)
  22. $("元素名称").empty() 将该元素的内容设置为空
  23. $("元素名称").insertAfter(content); 将该元素插入到content之后
  24. $("元素名称").insertBefore(content); 将该元素插入到content之前
  25. $("元素").prepend(content); 将content作为该元素的一部分,放到该元素的最前面
  26. $("元素").prependTo(content); 将该元素作为content的一部分,放content的最前面
  27. $("元素").remove(); 删除所有的指定元素
  28. $("元素").remove("exp"); 删除所有含有exp的元素
  29. $("元素").wrap("html"); 用html来包围该元素
  30. $("元素").wrap(element); 用element来包围该元素
  31. Traversing: (交叉)
  32. add(expr) //在原对象的基础上再附加符合指定表达式的jquery对象
  33. add(html) //在匹配对象的基础上再附加指定的一段HTML片段
  34. add(elements) //在匹配对象的基础上再附加指定的DOM元素
  35. children(expr) //获取一级子元素
  36. contains(str) //返回匹配对象中包含字符串str的对象
  37. end() //回到最近的一个“破坏性”操作之前。即,将匹配的元素列表变为前一次的状态
  38. filter(expression) //不严格的“查找”,能够将元素精简到只剩下满足过滤条件的那些,(在一组已经选取的元素里面选择)
  39. filter(filter)
  40. find(expr) //获取所有子元素(在一组已经选取的元素的子节点里面选择)
  41. is(expr) //判断是否含有expr
  42. next(expr) //取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合
  43. not(el) //从jquery对象中移出匹配的对象,el为dom元素
  44. not(expr)//从jquery对象中移出匹配的对象,expr为jquery表达式
  45. parent(expr) //返回最近的一个父节点
  46. parents(expr) //取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)
  47. prev(expr) //相邻的上一个兄弟元素
  48. prevAll(expr) //所有前面的兄弟元素
  49. siblings(expr) //所有兄弟元素(无兄弟元素则不被匹配)
  50. Core: (核心)
  51. $(html).appendTo("body") 相当于在body中写了一段html代码
  52. $(elems) 获得DOM上的某个元素
  53. $(function(){……..}); 执行一个函数
  54. $("div > p").css("border", "1px solid gray"); 查找所有div的子节点p,添加样式
  55. $("input:radio", document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮
  56. $.extend(prop) prop是一个jQuery对象, jquery的扩展方法extend是在写插件的过程中常用的方法
  57. 举例:
  58. jQuery.extend({
  59. min: function(a, b) { return a < b ? a : b; },
  60. max: function(a, b) { return a > b ? a : b; }
  61. });
  62. jQuery( expression, [context] ) ---$( expression, [context]); 在默认情况下,$()查询的是当前HTML文档中的DOM元素。
  63. each( callback ) 以每一个匹配的元素作为上下文来执行一个函数
  64. 举例:1
  65. $("span").click(function){
  66. $("li").each(function(){
  67. $(this).toggleClass("example");
  68. });
  69. });
  70. 举例:2
  71. $("button").click(function () {
  72. $("div").each(function (index, domEle) {
  73. // domEle == this
  74. $(domEle).css("backgroundColor", "yellow");
  75. if ($(this).is("#stop")) {
  76. $("span").text("Stopped at div index #" + index);
  77. return false;
  78. }
  79. });
  80. });
  81. jQuery Event:
  82. ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以有很多个函数被加载执行,按照fn的顺序来执行。
  83. bind( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error
  84. one( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。
  85. trigger( type, [data] ) 在每一个匹配的元素上触发某类事件。
  86. triggerHandler( type, [data] ) 这一特定方法会触发一个元素上特定的事件(指定一个事件类型),同时取消浏览器对此事件的默认行动
  87. unbind( [type], [data] ) 反绑定,从每一个匹配的元素中删除绑定的事件。
  88. $("p").unbind() 移除所有段落上的所有绑定的事件
  89. $("p").unbind( "click" ) 移除所有段落上的click事件
  90. hover( over, out ) over,out都是方法, 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
  91. $("p").hover(function(){
  92. $(this).addClass("over");
  93. },
  94. function(){
  95. $(this).addClass("out");
  96. }
  97. );
  98. toggle( fn, fn ) 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。
  99. $("p").toggle(function(){
  100. $(this).addClass("selected");
  101. },
  102. function(){
  103. $(this).removeClass("selected");
  104. }
  105. );
  106. 元素事件列表说明
  107. 注:不带参数的函数,其参数为可选的 fn。jQuery不支持form元素的reset事件。
  108. 事件                  描述                                  支持元素或对象
  109. blur( )                 元素失去焦点                              a, input, textarea, button, select, label, map, area
  110. change( )               用户改变域的内容                            input, textarea, select
  111. click( )                鼠标点击某个对象                            几乎所有元素
  112. dblclick( )             鼠标双击某个对象                            几乎所有元素
  113. error( )                当加载文档或图像时发生某个错误                 window, img
  114. focus( )                元素获得焦点                              a, input, textarea, button, select, label, map, area
  115. keydown( )              某个键盘的键被按下                       几乎所有元素
  116. keypress( )             某个键盘的键被按下或按住                    几乎所有元素
  117. keyup( )                某个键盘的键被松开                       几乎所有元素
  118. load( fn )              某个页面或图像被完成加载                    window, img
  119. mousedown( fn )         某个鼠标按键被按下                       几乎所有元素
  120. mousemove( fn )         鼠标被移动                               几乎所有元素
  121. mouseout( fn )          鼠标从某元素移开                            几乎所有元素
  122. mouseover( fn )         鼠标被移到某元素之上                      几乎所有元素
  123. mouseup( fn )           某个鼠标按键被松开                       几乎所有元素
  124. resize( fn )            窗口或框架被调整尺寸                      window, iframe, frame
  125. scroll( fn )            滚动文档的可视部分时                      window
  126. select( )               文本被选定                               document, input, textarea
  127. submit( )               提交按钮被点击                             form
  128. unload( fn )            用户退出页面                              window
  129. JQuery Ajax 方法说明:
  130. load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。
  131. $("#feeds").load("feeds.html"); 将feeds.html文件载入到id为feeds的div中
  132. $("#feeds").load("feeds.php", {limit: 25}, function(){
  133. alert("The last 25 entries in the feed have been loaded");
  134. });
  135. jQuery.get( url, [data], [callback] ) 使用GET请求一个页面。
  136. $.get("test.cgi", { name: "John", time: "2pm" }, function(data){
  137. alert("Data Loaded: " + data);
  138. });
  139. jQuery.getJSON( url, [data], [callback] ) 使用GET请求JSON数据。
  140. $.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
  141. alert("JSON Data: " + json.users[3].name);
  142. });
  143. jQuery.getScript( url, [callback] ) 使用GET请求JavaScript文件并执行。
  144. $.getScript("test.js", function(){
  145. alert("Script loaded and executed.");
  146. });
  147. jQuery.post( url, [data], [callback], [type] ) 使用POST请求一个页面。
  148. ajaxComplete( callback ) 当一个AJAX请求结束后,执行一个函数。这是一个Ajax事件
  149. $("#msg").ajaxComplete(function(request, settings){
  150. $(this).append("<li>Request Complete.</li>");
  151. });
  152. ajaxError( callback ) 当一个AJAX请求失败后,执行一个函数。这是一个Ajax事件
  153. $("#msg").ajaxError(function(request, settings){
  154. $(this).append("<li>Error requesting page " + settings.url + "</li>");
  155. });
  156. ajaxSend( callback ) 在一个AJAX请求发送时,执行一个函数。这是一个Ajax事件
  157. $("#msg").ajaxSend(function(evt, request, settings){
  158. $(this).append("<li<Starting request at " + settings.url
  159. + "</li<");
  160. });
  161. ajaxStart( callback ) 在一个AJAX请求开始但还没有激活时,执行一个函数。这是一个Ajax事件
  162. 当AJAX请求开始(并还没有激活时)显示loading信息
  163. $("#loading").ajaxStart(function(){
  164. $(this).show();
  165. });
  166. ajaxStop( callback ) 当所有的AJAX都停止时,执行一个函数。这是一个Ajax事件
  167. 当所有AJAX请求都停止时,隐藏loading信息。
  168. $("#loading").ajaxStop(function(){
  169. $(this).hide();
  170. });
  171. ajaxSuccess( callback ) 当一个AJAX请求成功完成后,执行一个函数。这是一个Ajax事件
  172. 当AJAX请求成功完成时,显示信息。
  173. $("#msg").ajaxSuccess(function(evt, request, settings){
  174. $(this).append("<li>Successful Request!</li>");
  175. });
  176. jQuery.ajaxSetup( options ) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。
  177. 设置默认的全局AJAX请求选项。
  178. $.ajaxSetup({
  179. url: "/xmlhttp/",
  180. global: false,
  181. type: "POST"
  182. });
  183. $.ajax({ data: myData });
  184. serialize( ) 以名称和值的方式连接一组input元素。实现了正确表单元素序列
  185. function showValues() {
  186. var str = $("form").serialize();
  187. $("#results").text(str);
  188. }
  189. $(":checkbox, :radio").click(showValues);
  190. $("select").change(showValues);
  191. showValues();
  192. serializeArray( ) 连接所有的表单和表单元素(类似于.serialize()方法),但是返回一个JSON数据格式。
  193. 从form中取得一组值,显示出来
  194. function showValues() {
  195. var fields = $(":input").serializeArray();
  196. alert(fields);
  197. $("#results").empty();
  198. jQuery.each(fields, function(i, field){
  199. $("#results").append(field.value + " ");
  200. });
  201. }
  202. $(":checkbox, :radio").click(showValues);
  203. $("select").change(showValues);
  204. showValues();
  205. JQuery Effects 方法说明
  206. show( ) 显示隐藏的匹配元素。
  207. show( speed, [callback] ) 以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。
  208. hide( ) 隐藏所有的匹配元素。
  209. hide( speed, [callback] ) 以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数
  210. toggle( ) 切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,
  211. 切换为可见的。
  212. slideDown( speed, [callback] ) 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以"滑动"的方式显示出来。
  213. slideUp( speed, [callback] ) 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以"滑动"的方式隐藏起来。
  214. slideToggle( speed, [callback] ) 通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。 这个动画效果只调整元素的高度,可以使匹配的元素以"滑动"的方式隐藏或显示。
  215. fadeIn( speed, [callback] ) 通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
  216. fadeOut( speed, [callback] ) 通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
  217. fadeTo( speed, opacity, [callback] ) 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
  218. stop( ) 停止所有匹配元素当前正在运行的动画。如果有动画处于队列当中,他们就会立即开始。
  219. queue( ) 取得第一个匹配元素的动画序列的引用(返回一个内容为函数的数组)
  220. queue( callback ) 在每一个匹配元素的事件序列的末尾添加一个可执行函数,作为此元素的事件函数
  221. queue( queue ) 以一个新的动画序列代替所有匹配元素的原动画序列
  222. dequeue( ) 执行并移除动画序列前端的动画
  223. animate( params, [duration], [easing], [callback] ) 用于创建自定义动画的函数。
  224. animate( params, options ) 创建自定义动画的另一个方法。作用同上。
  225. JQuery Traversing 方法说明
  226. eq( index ) 从匹配的元素集合中取得一个指定位置的元素,index从0开始
  227. filter( expr ) 返回与指定表达式匹配的元素集合,可以使用","号分割多个expr,用于实现多个条件筛选
  228. filter( fn ) 利用一个特殊的函数来作为筛选条件移除集合中不匹配的元素。
  229. is( expr ) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。
  230. map( callback ) 将jQuery对象中的一组元素利用callback方法转换其值,然后添加到一个jQuery数组中。
  231. not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。
  232. slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。
  233. add( expr ) 把与表达式匹配的元素添加到jQuery对象中。
  234. children( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。可选的过滤器将使这个方法只匹配符合的元素(只包括元素节点,不包括文本节点)。
  235. contents( ) 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点,不包括文本节点),如果元素为iframe,则取得其中的文档元素
  236. find( expr ) 搜索所有与指定表达式匹配的元素。
  237. next( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
  238. nextAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素所有的后面同辈元素的元素集合
  239. parent( [expr] ) 取得一个包含着所有匹配元素的唯一父元素的元素集合。
  240. parents( [expr] ) 取得一个包含着所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。
  241. prev( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
  242. prevAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素的之前所有同辈元素的元素集合。
  243. siblings( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合。
  244. andSelf( ) 将前一个匹配的元素集合添加到当前的集合中
  245. 取得所有div元素和其中的p元素,添加border类属性。
  246. $("div").find("p").andSelf().addClass("border");
  247. 取得所有div元素中的p元素,添加background类属性
  248. $("div").find("p").addClass("background");
  249. end( ) 结束当前的操作,回到当前操作的前一个操作
  250. 找到所有p元素其中的span元素集合,然后返回p元素集合,添加css属性
  251. $("p").find("span").end().css("border", "2px red solid");
  252. JQuery Selectors 方法说明
  253. 基本选择器
  254. $("#myDiv") 匹配唯一的具有此id值的元素
  255. $("div") 匹配指定名称的所有元素
  256. $(".myClass") 匹配具有此class样式值的所有元素
  257. $("*") 匹配所有元素
  258. $("div,span,p.myClass") 联合所有匹配的选择器
  259. 层叠选择器
  260. $("form input") 后代选择器,选择ancestor的所有子孙节点
  261. $("#main > *") 子选择器,选择parent的所有子节点
  262. $("label + input") 临选择器,选择prev的下一个临节点
  263. $("#prev ~ div") 同胞选择器,选择prev的所有同胞节点
  264. 基本过滤选择器
  265. $("tr:first") 匹配第一个选择的元素
  266. $("tr:last") 匹配最后一个选择的元素
  267. $("input:not(:checked) + span")从原元素集合中过滤掉匹配selector的所有元素(这里有是一个临选择器)
  268. $("tr:even") 匹配集合中偶数位置的所有元素(从0开始)
  269. $("tr:odd") 匹配集合中奇数位置的所有元素(从0开始)
  270. $("td:eq(2)") 匹配集合中指定位置的元素(从0开始)
  271. $("td:gt(4)") 匹配集合中指定位置之后的所有元素(从0开始)
  272. $("td:gl(4)") 匹配集合中指定位置之前的所有元素(从0开始)
  273. $(":header") 匹配所有标题
  274. $("div:animated") 匹配所有正在运行动画的所有元素
  275. 内容过滤选择器
  276. $("div:contains('John')") 匹配含有指定文本的所有元素
  277. $("td:empty") 匹配所有空元素(只含有文本的元素不算空元素)
  278. $("div:has(p)") 从原元素集合中再次匹配所有至少含有一个selector的所有元素
  279. $("td:parent") 匹配所有不为空的元素(含有文本的元素也算)
  280. $("div:hidden") 匹配所有隐藏的元素,也包括表单的隐藏域
  281. $("div:visible") 匹配所有可见的元素
  282. 属性过滤选择器
  283. $("div[id]") 匹配所有具有指定属性的元素
  284. $("input[name='newsletter']") 匹配所有具有指定属性值的元素
  285. $("input[name!='newsletter']") 匹配所有不具有指定属性值的元素
  286. $("input[name^='news']") 匹配所有指定属性值以value开头的元素
  287. $("input[name$='letter']") 匹配所有指定属性值以value结尾的元素
  288. $("input[name*='man']") 匹配所有指定属性值含有value字符的元素
  289. $("input[id][name$='man']") 匹配同时符合多个选择器的所有元素
  290. 子元素过滤选择器
  291. $("ul li:nth-child(2)"),
  292. $("ul li:nth-child(odd)"), 匹配父元素的第n个子元素
  293. $("ul li:nth-child(3n + 1)")
  294. $("div span:first-child") 匹配父元素的第1个子元素
  295. $("div span:last-child") 匹配父元素的最后1个子元素
  296. $("div button:only-child") 匹配父元素的唯一1个子元素
  297. 表单元素选择器
  298. $(":input") 匹配所有的表单输入元素,包括所有类型的input, textarea, select 和 button
  299. $(":text") 匹配所有类型为text的input元素
  300. $(":password") 匹配所有类型为password的input元素
  301. $(":radio") 匹配所有类型为radio的input元素
  302. $(":checkbox") 匹配所有类型为checkbox的input元素
  303. $(":submit") 匹配所有类型为submit的input元素
  304. $(":image") 匹配所有类型为image的input元素
  305. $(":reset") 匹配所有类型为reset的input元素
  306. $(":button") 匹配所有类型为button的input元素
  307. $(":file") 匹配所有类型为file的input元素
  308. $(":hidden") 匹配所有类型为hidden的input元素或表单的隐藏域
  309. 表单元素过滤选择器
  310. $(":enabled") 匹配所有可操作的表单元素
  311. $(":disabled") 匹配所有不可操作的表单元素
  312. $(":checked") 匹配所有已点选的元素
  313. $("select option:selected") 匹配所有已选择的元素
  314. JQuery CSS 方法说明
  315. css( name ) 访问第一个匹配元素的样式属性。
  316. css( properties ) 把一个"名/值对"对象设置为所有匹配元素的样式属性。
  317. $("p").hover(function () {
  318. $(this).css({ backgroundColor:"yellow", fontWeight:"bolder" });
  319. }, function () {
  320. var cssObj = {
  321. backgroundColor: "#ddd",
  322. fontWeight: "",
  323. color: "#0028f4"
  324. }
  325. $(this).css(cssObj);
  326. });
  327. css( name, value ) 在所有匹配的元素中,设置一个样式属性的值。
  328. offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性,top和left,属性值为整数。这个函数只能用于可见元素。
  329. var p = $("p:last");
  330. var offset = p.offset();
  331. p.html( "left: " + offset.left + ", top: " + offset.top );
  332. width( ) 取得当前第一匹配的元素的宽度值,
  333. width( val ) 为每个匹配的元素设置指定的宽度值。
  334. height( ) 取得当前第一匹配的元素的高度值,
  335. height( val ) 为每个匹配的元素设置指定的高度值。
  336. JQuery Utilities 方法说明
  337. jQuery.browser
  338. .msie 表示ie
  339. jQuery.browser.version 读取用户浏览器的版本信息
  340. jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于W3C CSS的盒模型
  341. jQuery.isFunction( obj ) 检测传递的参数是否为function
  342. function stub() { }
  343. var objs = [
  344. function () {},
  345. { x:15, y:20 },
  346. null,
  347. stub,
  348. "function"
  349. ];
  350. jQuery.each(objs, function (i) {
  351. var isFunc = jQuery.isFunction(objs[i]);
  352. $("span:eq( " + i + ")").text(isFunc);
  353. });
  354. jQuery.trim( str ) 清除字符串两端的空格,使用正则表达式来清除给定字符两端的空格
  355. jQuery.each( object, callback ) 一个通用的迭代器,可以用来无缝迭代对象和数组
  356. jQuery.extend( target, object1, [objectN] ) 扩展一个对象,修改原来的对象并返回,这是一个强大的实现继承的工具,这种继承是采用传值的方法来实现的,而不是JavaScript中的原型链方式。
  357. 合并settings和options对象,返回修改后的settings对象
  358. var settings = { validate: false, limit: 5, name: "foo" };
  359. var options = { validate: true, name: "bar" };
  360. jQuery.extend(settings, options);
  361. 合并defaults和options对象,defaults对象并没有被修改。options对象中的值代替了defaults对象的值传递给了empty。
  362. var empty = {}
  363. var defaults = { validate: false, limit: 5, name: "foo" };
  364. var options = { validate: true, name: "bar" };
  365. var settings = $.extend(empty, defaults, options);
  366. jQuery.grep( array, callback, [invert] ) 通过一个筛选函数来去除数组中的项
  367. $.grep( [0,1,2], function(n,i){
  368. return n > 0;
  369. });
  370. jQuery.makeArray( obj ) 将一个类似数组的对象转化为一个真正的数组
  371. 将选取的div元素集合转化为一个数组
  372. var arr = jQuery.makeArray(document.getElementsByTagName("div"));
  373. arr.reverse(); // use an Array method on list of dom elements
  374. $(arr).appendTo(document.body);
  375. jQuery.map( array, callback ) 使用某个方法修改一个数组中的项,然后返回一个新的数组
  376. jQuery.inArray( value, array ) 返回value在数组中的位置,如果没有找到,则返回-1
  377. jQuery.unique( array ) 删除数组中的所有重复元素,返回整理后的数组

JQuery方法总结的更多相关文章

  1. 1.4 jQuery方法,JSON介绍

    jQuery方法: jQuery添加元素: append()方法: $("元素").append("追加内容"); prepend()方法: $("元 ...

  2. SpringMVC框架下实现JSON(类方法中回传数据到jsp页面,使用jQuery方法回传)

    JSON的实现,即将需要的数据回传到jsp页面: 1>.加入实现Json的三个架包到lib中:2>.目标方法上边加入注解,需要返回的值3>.在jsp页面中书写jQuery方法: ec ...

  3. 形行色色的下拉菜单(HTML/CSS JS方法 jQuery方法实现)

    HTML/CSS方法实现下拉菜单来源:慕课网<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...

  4. JQuery 方法简写

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  5. Jquery方法load之后导致js失效解决方法

    Jquery方法load之后导致js失效解决方法 >>>>>>>>>>>>>>>>>>> ...

  6. Javascript或jQuery方法产生任意随机整数

    方法1:javascritp方法 1 2 3 4 5 6 //随机数    function diu_Randomize(b,e){        if(!b && b!=0 || ! ...

  7. jquery方法详解

    jquery方法详解 http://www.365mini.com/doc

  8. jQuery方法区别:click() bind() live() delegate()区别

    今天看到一篇jquery 事件的文章,自己写了个小例子,虽然2种方式都可以实现,但是不太明白,找了点资料 $("#box1").delegate("p",&qu ...

  9. jQuery()方法的第二个参数

    关于jQuery()方法的第二个参数,有下面这几种用法: 1.jQuery(selector, [context]) 这种用法,相当于 $(context).find(selector) 或者 con ...

  10. 原生JS取代一些JQuery方法的简单实现

    原生JS取代一些JQuery方法的简单实现 下面小编就为大家带来一篇原生JS取代一些JQuery方法的简单实现.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧   1.选 ...

随机推荐

  1. Python基础学习之字符串(1)

    字符串 由字符组成的序列,即字符串. 1.基本字符串操作 所有标准的序列操作(索引.切片.乘法.判断成员资格.求长度.取最小值和最大值)对字符串同样适用: >>> website=' ...

  2. PHP 简单调用rest WebServices

    <?php $ch = curl_init("http://api.cachk.com:8185/Tech-Trans.esPOS4.PosService.UAT/rest/enqui ...

  3. Vim中修改列模式的文字为ABCD或1234的递增序号

    vimrc里添加 vnoremap <F3> :<C-u>call <SID>AddCharOfCursor()<CR> "递增列模式下的字符 ...

  4. python绘图 matplotlib教程

    mark一个很好的python绘图教程 https://liam0205.me/2014/09/11/matplotlib-tutorial-zh-cn/

  5. Vue--父组件传数据给子组件,子组件生命周期过程拿到数据的情况

    需求: 在子组件渲染之前,我要修改数据的某个字段 结果是 组件在beforeUpdate,updated 的状态才能拿到父组件的数据 那么证明,我根本无法在beforeUpdate,updated两个 ...

  6. 【CCPC-Wannafly Winter Camp Day4 (Div1) H】命命命运(概率DP)

    点此看题面 大致题意: 有\(6\)个人玩大富翁,共有\(n\)块地,进行\(500\)轮,已知每个人掷骰子掷出\(1\sim6\)的概率.当某人到达一块未被占领的地时,他可以占领它.求最后每个人占有 ...

  7. Android开发之动态创建多个按钮

    //获取屏幕大小,以合理设定 按钮 大小及位置 DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDispl ...

  8. 2018.9.6 Java常考知识点总结

    一 Java中的值传递和引用传递(非常重要) 首先要明确的是:"对象传递(数组.类.接口)是引用传递,原始类型数据(整型.浮点型.字符型.布尔型)传递是值传递." 那么什么是值传递 ...

  9. 错误:javax.servlet.http.HttpServlet" was not found on the Java Build Path

    我们在用Eclipse进行Java web开发时,可能会出现这样的错误: The superclass javax.servlet.http.HttpServlet was not found on ...

  10. 利用python的numpy创建矩阵并对其赋值

    创建一个3X3的矩阵并对其赋值: x = numpy.array([[1,2,3],[4,5,6],[7,8,9]]) print x print x.shape 运行结果: [[ ] [ ] [ ] ...