Jquery方法大全

 

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

    1. $("#id").css('backgroundColor','blue');
    2. .css({'color':'red','width':'300px'});  //不建议.css().css链式编程
    3. .text('改变啦');  //innerText
    4. .html(); //innerHTML
    5. .height()
    6. .width()
    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. .hide(3000)  //隐藏元素（毫秒）  //'slow'  'normal'  'fast'
    2. .show()   //显示元素（毫秒）
    3. .fadeIn() //淡入（毫秒）
    4. .fadeOut()   //淡出（毫秒）
    5. .fadeToggle()
    6. .fadeTo(2000,0.3)     //到达透明度多少
    7. .slideUp()  //向上收缩隐藏
    8. .slideDown()   //向下收缩显示
    9. .slideToggle()

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

    1. .next()：之后的第一个兄弟元素 //和+一样
    2. .nextAll()：之后的所有兄弟元素
    3. .prev()：之前的第一个兄弟元素
    4. .prevAll()：之后的所有兄弟元素
    5. .siblings()：所有兄弟（除了自己）
    6. .end()：返回上一层操作的对象
    7. .first()：第一个
    8. .last()：最后一个
    9. .closest("li")：查找最近的<li>元素
    10. .find()
    11. .parent()
    12. .parents()

四、CSS操作：

    1. .css('backgroundColor','red')
    2. .css('background-color','red')
    3. .css(backgroundColor,'red')
    4. .css('opacity','0.5') //设置为半透明
    5. .height()   //元素的高   没有单位
    6. .width()    //元素的宽
    7. .css('height')   //有单位，也可能是auto
    8. .offset()    //获取元素的offset
    9. .offset.left
    10. .offset.top
    11. .position()   //获取相对于最近一个relative或absolute的节点的相对偏移
    12. .position.left
    13. .position.top
    14. .scrollLeft()    //获取元素的滚动条距离顶端的距离
    15. .scrollTop(300)   //设置距离

五、判断对象是否存在:

    1. if($("#txt").length) {alert('存在');}
    2. if($("#txt")[0])    //   Dom：if(document.getElementById('txt') !=null) {}

 

posted @ 2013-11-05 20:34  Regan  阅读(775)  评论(0)  编辑  收藏  举报