学习了jq的事件

$('body').css('fontSize':'20px','width','100px')//改变多个css属性

$('body').css('width') //获取属性

<p title="content" class="mt30">中文网</p>

<script type="text/javascript">

$(document).ready(function(){

  //$('p').addClass('mt30 auto');//添加一个或多个类，不带点，空格隔开

  //$('p').romoveClass('mt30 auto');//移除一个或多个类，不带点，空格隔开

  //$('p').attr('title');//$('p').attr('title','你好'); //设置或返回元素的属性值

  //$('img').removeAttr('src');//移除属性

  //$('p').hasClass('mt30');//检查元素是否包含指定class

  //$('p').toggleClass('mt30');//选中元素进行添加删除类的切勿操作

  //$('p').text(''); //$('p').text('大家好！');//返回或设置元素的文本内容

  //$('p').html() //$('p').html('<h1>大家好</h1>') //返回或设置元素的内容(类似innerHTML 可以包括html标签)

  //$('input').val() //$('input').val('用户名')   //返回或设置元素的值 

})

</script>

//事件

$('input').blur(function(){

  $(this).css('background','red');

})

$('input').click(function(){

})

$('input').change(function(){

})

$('div').hover(function(){ //hover(over移上,out移出)

  $(this).css('background','red');

  },function(){

  $(this).css('background','blue');

  })

$('div').toggle().css('background','red');