jQuery选择器

选择器

$('#id', '#parentId') 类似于 $('#parentId').find('#id') // 选择id="parentId"里面的id="id"元素

$('.class:first') 类似于 $('.class').eq(0)  // 选择第一个class="class"元素

$('[name]') // 选择包含属性name="*"元素

$('[name="title"]') // 选择包含属性name="title"元素

$('#id').next('div') // 选择#id元素相邻的后一个div元素

$('#id').prev('div') // 选择#id元素相邻的前一个div元素

$('#id').parents('div') // 选择#id元素父级div元素

$('#id').siblings() // 选择除了#id元素自己的所有同级元素

事件监听

$('#id').on('click', '.class', function(){}) 类似于 $('#id').on('click', function(){ if ($(this).hasClass('class')) {}})

data方法

$('#id').data('title', value) // 在#id元素上存放数据(支持任何类型)，键值为title

$('#id').data('title')  // 如果#id元素上存在[data-title]属性，则直接取值，否则从data()赋值中取值