abstrak：$('body').css('fontSize':'20px','width','100px')//改變多個css屬性$('body').css('width') //獲取屬性<p title="content" class="mt30"&g

$('body').css('fontSize':'20px','width','100px')//改變多個css屬性

$('body').css('width') //獲取屬性

<p title="content" class="mt30">中文網(wǎng)</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');

Guru membetulkan：查無此人Masa pembetulan：2019-04-16 09:10:19
Rumusan guru：完成的不錯。jq比js簡單，容易理解。多練習，可以代替js的 常規(guī)操作。