jQuery基础语法

原创 2019-06-19 11:00:59 354
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>jquery基础语法</title>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

</head>

<body>



<script>

// $(选择器).操作方法()



$(document).ready(function(){

//隐藏div

$('div').hide();

// 点击按钮显示div

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

$('div').show();

})



})

</script>

<button>点击显示</button>

<div style="width: 150px;height: 100px;background: aquamarine;">


</div>

</body>

</html>



批改老师:天蓬老师批改时间:2019-06-19 13:11:46
老师总结:选择器与执行操作是jQ中的招牌动作....

发布手记

热门词条

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号