动态网页设计笔记.docx

jquery1.将js库导入网页：script src=js/jquery-3.2.1.min.js2.jq的基本用法$(选择器).操作();3.页面加载后执行的框架： $(document).ready(function(){放置页面加载后执行的代码 });$(document).ready(….) //匿名函数function(){放置页面加载后执行的代码 }代码解释：$(button).click(function(){$(img).hide(); });4 选择器：$(document) 表示当前页面$(this)表示当前标签，例如：$(button).click(function(){$(this).hide();});this代表button按钮。除了this和document以外，其他选择器都需要单引号或双引号。选择器种类 $(‘标签名’) 选择页面中所有同类标签例如$(‘p’) 表示页面中所有段落标签$(‘.样式名’)表示页面中所有，该样式的标签。例如: $(‘.abc’)表示页面中所有class=“abc”的标签。$(‘#id值’)表示页面中id为id值的标签。例如$(‘#content’)表示页面中id=‘content’的标签。滑动显示/隐藏函数jQuery滑动函数 - slideDown, slideUp, slideToggle$(#btn1).click(function(){$(div.con).slideUp(2000);});$(button.cb1).click(function(){$(div.con).slideDown(2000);});