JQuery 查找元素的小方法@！！

哈喽，今天是在csdn的第二天

$(’#id’) ###查找id
$(’.class’) ###查找class
$(‘element’) ###查找所有指定标签
$(’*’) ###查找所有
$(‘a,p,…’) ###查找多个标签

---

1 1

1

---------------------

2、层级选择器
$(’#i1 a’) ###获取id为i1下面的所有a标签
$(’#i1>a’) ###父子，只会一层

3、基本筛选器
（1）命令说明
$(‘li:first’); ###找出第一个
$(‘li:last’); ###找出最后一个
$(‘tr:eq(index)’); ###通过index查找

---

• list item 1
• list item 2
• list item 3
• list item 4
• list item 5

--------------------- 4、属性 $('[attribute]') ###具有attribute属性的所有标签 $('[attribute="value"]') ###attribute属性等于value的标签

5、选择实例

$(’#tb :checkbox’).prop(‘checked’); ###获取值
$(’#tb :checkbox’).prop(‘checked’,true); ###设置值

jQuery内置循环：$(’#tb :checkbox’).xxx

$(’#tb :checkbox’).each(function(k){
//k当前索引值
//this，DOM，当前循环得元素 $(this)
})

三元运算：var v = 条件? 真值:假值

选择	姓名	性别	年龄
	dream	男	20
	dream1	男	21
	dream2	男	22

---

6、样式操作
$(#id).addClass(‘hide’) ###添加class
$(#id).removeClass(‘hide’) ###删除class
$(#id).toggleClass(‘hide’) ###对设置或移除被选元素的一个或多个类进行切换

dreamya

--------------------- 1、事件绑定（三种） $('.c1').click()

被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数

$(’.c1’).bind(‘click’,function(){
})

$(’.c1’).unbind(‘click’,function(){
})

指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数

$(’.c’).delegate(‘a’, ‘click’, function(){
})

$(’.c’).undelegate(‘a’, ‘click’, function(){

})

在被选元素及子元素上添加一个或多个事件处理程序

$(’.c1’).on(‘click’, function(){
})

$(’.c1’).off(‘click’, function(){
})

<ul id="u1">