返回jQuery事......登陆

jQuery事件切换

张翔2019-05-13 10:45:11246
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>jQuery事件切换</title>
	<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
	<style type="text/css">
		div,p{width: 200px;height: 200px;border: 1px solid #ccc;}
	</style>
</head>
<body>
<script type="text/javascript">
  // hover(over,out)
  // over:鼠标移上元素上要触发的一个函数
  // out:鼠标移出元素上要触发的一个函数
    $(document).ready(function(){
  // 	$('div').hover(
  //       function(){
  //       $(this).css('background','red')
  //       },
  //       function(){
  //       	$(this).css('color','#fff')
  //       }
  // 		)
    
    // toggle() 如果元素是可见的,就切换为隐藏,否则相反
    $('button').click(function(){
    	$('p').toggle().css('background','red')
    })

     })

 

</script>
<div>我是内容</div>
<p style="display: none;"></p>
<button>点击</button>
</body>
</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送