jQuery常用

中文文档地址：http://jquery.cuishifeng.cn/

jQuery对象和DOM对象转换

$('#i1')[0]    ==>    document.getElementById('i1')

$(document.getElementById('i1'))    ==>     $('#i1')

一、查找

$('#i1')

$('.i1')

$('div')

 //组合

$('div,.i1') 

//层级

$('i1 div')    i1下的所有的div

$('i1>div')    //i1孩子中的div

$('i1~div')     //i1之后的所有兄弟div标签

//基本筛选器

:first

:last    

:not（:checked）    //在jQuery 1.3中，已经支持复杂选择器了（例如:not(div a) 和 :not(div,a)）

:even

:odd

:eq(0)     //第一个索引

:gt(2)    //第三个索引之后的

:lt(2)    //第三个索引之前的

//属性选择

$('[Eric]')

$('div[Eric="Funky"]')

//表单

• 表单

  • :input
  • :text
  • :password
  • :radio
  • :checkbox
  • :submit
  • :image
  • :reset
  • :button
  • :file

• 表单对象属性

  • :enabled
  • :disabled
  • :checked
  • :selected

二、操作

//属性操作

• 属性

  • attr(name|pro|key,val|fn)
  • removeAttr(name)
  • prop(n|p|k,v|f)
  • removeProp(name)

• CSS 类

  • addClass(class|fn)
  • removeClass([class|fn])
  • toggleClass(class|fn[,sw])

• HTML代码/文本/值

  • html([val|fn])
  • text([val|fn])
  • val([val|fn|arr])

//高级筛选

查找

• children([expr])
• find(e|o|e)
• next([expr])
• nextAll([expr])
• nextUntil([e|e][,f])
• parent([expr])
• parents([expr])
• parentsUntil([e|e][,f])
• prev([expr])
• prevAll([expr])
• siblings([expr])

//示例

        $('.menu-item').click(function(){
            $(this).addClass('active').siblings().removeClass('active');
            var target = $(this).attr('a');
            $('.content').children("[b='"+ target+"']").removeClass('hide').siblings().addClass('hide');
        });