前端第十七课：javascript基础6-PHP培训九期线上班

查找

.find

通过一个选择器，jQuery对象，或元素过滤，得到当前匹配的元素集合中每个元素的后代

$('#menu').find('p').eq(1);

.parent

取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器

$('div[class="hides"]').parent().attr('id','aaaa');

.attr

当attr里面设置1个参数时，是获取这个参数对应的值；
当attr里面设置2个参数时，是添加第一个参数为名称，并设置他的值为第二个参数

$('div[class="hides"]').attr('id');
$('div[class="hides"]').attr('id','aaaa');

.siblings

获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器

$('p[class="hides"]').siblings('p');

事件

.on

在选定的元素上绑定一个或多个事件处理函数<br />单击：click，双击：dblclick

$('table tbody tr').on('click',function(){
    console.log($(this).text());
});

$('table tbody').on('click','tr',function(){
    console.log($(this).text());
});

.blur

一个元素失去焦点将触发blur事件

function __init(){
$('input[name="username"]').blur(function(){
  var txt = $(this).val();
  if(txt=''){
    $(this).css('border','solid 1px red');
  }else{
    $(this).css('border','solid 1px #e5e5e5');
  }  
});
}
__init();

.change

一个元素的值改变的时候将触发change事件。对于下拉选择框，复选框和单选按钮，当用户用鼠标作出选择，该事件立即触发，但对于其他类型的input元素，该事件触发将推迟，直到元素失去焦点才会触点

$('select[name="province"]').change(function(){
  var val = $(this).val();
    console.log(val);
});

.animate

自定义动画，宽度和高度增加100px，在1秒内

$('#mydiv').animate({width:'+=100',height:'+=100'},1000);

数组和对象操作

$.each

遍历的数组或对象，i是下标，v是值
return true—->相当于continue
return false—->相当于break

var arr =['a','b','c','e','g'];
for(var i=0;i<arr.length;i++){
  console.log(arr[i]);
}
$.each(arr,function(i,v){
  if(v=='c'){
    return true;
  }
  console.log(v);
});

$.inArray

在数组中查找指定值并返回它的索引（如果没有找到，则返回-1）

var arr =['a','b','c','e','g'];
var res = $.inArray('c',arr);
console.log(res);

$.trim

去掉字符串起始和结尾的空格

var username = $('input[name="username"]').val();
username = $.trim(username);