JQuery常用的方法

一、JQuery常用的方法 ：（JQuery中90%都是方法，没有参数是获取，带参数是设置）

1. 1. $(“#id”).css(‘backgroundColor’,'blue’);
   2. .css({‘color’:'red’,'width’:’300px’});： //不建议.css().css链式编程
   3. .text(‘改变啦’)： //innerText
   4. .html()：//innerHTML
   5. .height()：  取得匹配元素当前计算的高度值（px）。
      
   6. .width()：取得匹配元素当前计算的宽度值（px）。
   7. .val(‘改变了’); ：  //value    //可以使select、radio、checkbox相应的项被选中
   8. .attr(‘name’);   ：//取得属性的值
   9. .attr(‘name’,'value’)：  //设置name属性
   10. .attr({‘title’:'TTT’,'name’:'zzz’})
   11. .removeAttr() ： //删除属性
   12. .addClass(‘cls’)：  //追加一个类（样式）
   13. .removeClass(‘cls’)：  //不写参数，则把类全部清除  //移除多个，使用空格隔开
   14. var $li = $(“<li>苹果</li>”);：    //创建节点
   15. .remove()：   //删除节点    //返回值，是删除的元素，可以下次再用  //参数为子节点的选取器
   16. .empty() ：    //删除节点（只是清空）
   17. .clone() ：     //复制节点     //.clone(true) 表示复制元素所绑定的事件
   18. .replaceWith(“<a href=’#'>Test</a>”)：   //将元素替换为指定的对象
   19. .replaceAll(“p”)：   //将所有<p>替换为自己
   20. .wrap(“<b></b>”)：   //将元素用<b>包裹起来
   21. .wrapAll(“p”) ： //将所有匹配元素用自己包裹起来
   22. .wrapInner(“p”)：   //将此元素中的内容用<p>包裹起来，不包括自己
   23. .hasClass(‘cls’) ： //判断是否应用了cls类
   24. .toggle() ：  //隐藏、显示这个元素
   25. .toggleClass(‘cls’)：  //切换这个cls类（开关灯）
   26. .filter() ：   //筛选元素
   27. .append()：  //添加元素到此节点中（每个节点）（后置）
   28. .appendTo()：   //将此节点添加到（参数）的节点中      //可以用来移动元素
   29. .prepend() ：  //添加元素到此节点 （每个节点） （前置）
   30. .prependTo()：  //把所有匹配的元素前置到另一个、指定的元素元素集合中。
   31. .after()：   //在此元素之后添加元素（兄弟位置）
   32. .insertAfter()：  //将此元素添加到（参数）的后面  //在此元素之前添加元素（兄弟位置）
   33. .before()：  //在每个匹配的元素之前添加元素
   34. .insertBefore()：  //将此元素（集合）添加到指定元素之前
   35. .children() ：  //取得元素的子元素集合
   36. .is(“:visible”) ： //判断

二、动画：

1. 37. .hide(3000) ： //隐藏元素（毫秒）  //’slow’  ’normal’  ’fast’
   38. .show() ：  //显示元素（毫秒）
   39. .fadeIn() ：//淡入（毫秒）
   40. .fadeOut() ：  //淡出（毫秒）
   41. .fadeToggle()：//通过不透明度的变化来开关所有匹配元素的淡入和淡出效果，并在动画完成后可选地触发一个回调函数。
   42. .fadeTo(2000,0.3) ：   //到达透明度多少
   43. .slideUp() ： //向上收缩隐藏
   44. .slideDown()：   //向下收缩显示
   45. .slideToggle()：//通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。

三、 获取兄弟元素的方法 ：

1. 46. .next()：之后的第一个兄弟元素 //和+一样
   47. .nextAll()：之后的所有兄弟元素
   48. .prev()：之前的第一个兄弟元素
   49. .prevAll()：之后的所有兄弟元素
   50. .siblings()：所有兄弟（除了自己）
   51. .end()：返回上一层操作的对象
   52. .first()：第一个
   53. .last()：最后一个
   54. .closest(“li”)：查找最近的<li>元素
   55. .find()：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
   56. .parent()：取得一个包含着所有匹配元素的唯一父元素的元素集合。
   57. .parents()：取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。

四、CSS操作：

1. 58. .css(‘backgroundColor’,'red’)
   59. .css(‘background-color’,'red’)
   60. .css(backgroundColor,’red’)
   61. .css(‘opacity’,’0.5′)： //设置为半透明
   62. .height() ：  //元素的高   没有单位
   63. .width() ：   //元素的宽
   64. .css(‘height’)：   //有单位，也可能是auto
   65. .offset() ：   //获取元素的offset
   66. .offset.left
   67. .offset.top
   68. .position()：   //获取相对于最近一个relative或absolute的节点的相对偏移
   69. .position.left
   70. .position.top
   71. .scrollLeft() ：   //获取元素的滚动条距离顶端的距离
   72. .scrollTop(300)：   //设置距离

五、判断对象是否存在:

1. 73. if($(“#txt”).length) {alert(‘存在’);}
   74. if($(“#txt”)[0])    //   Dom：if(document.getElementById(‘txt’) !=null) {}

原文：http://www.qingdou.me/1960.html