摘要：
编辑本博客 获取所需元素对象 监听对象 定位属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航条案例</title> <script src="js/jquery-3.3.1.js"></script 阅读全文
摘要：
编辑此博客 position 获取元素相对父元素的位置 <script type="text/javascript"> $(function(){ //获取元素相对父元素的位置 console.log($("p").position().left) console.log($("p").positi 阅读全文
摘要：
编辑本博客 插入操作 append() 字符串，"<li><a href='#'>LuFull</a></li>" //直接以字符串方式追加内容 $('ul').append("<li><a href='#'>LuFull</a></li>") View Code //直接以字符串方式追加内容 $( 阅读全文
摘要：
编辑本博客 HTML属性操作：对HTML文档的属性进行读取，设置和移除操作。如attr(),removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。如prop(),removeProp() 类样式操作：对DOM属性className进行添加，移除操作。如addClass 阅读全文
摘要：
编辑本博客 显示效果 show(speed,callback) speed：三种预定义字符串之一（slow，normal，fast）或时间“毫秒” callback：动画执行完后运行的函数，每个元素执行一次 hide(speed,callback) 与show()方法类似 toggle(speed, 阅读全文
摘要：
编辑本博客 相互转换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery对象和DOM操作</title> <script src="js/jquery-3.3.1.js"></script> </h 阅读全文
摘要：
编辑本博客 基础选择器 id选择器 标签选择器 类选择器 通配符选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基础选择器</title> <script src="js/jquery-3.3.1.j 阅读全文
摘要：
编辑本博客 JQuery是JavaScript的一个库，必须先引入，再使用。 是库文件一般都会抛出来构造函数或者对象，构造函数用new关键字创建，对象则直接调用属性和方法 DOM文档加载顺序： 解析HTML文档结构 加载脚本和样式文件 解析和执行脚本代码 DOM树构建完成，开始执行jQuery的re 阅读全文
摘要：
编辑本博客 监听滚动条 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>scroll系列</title> <style type="text/css"> *{ padding: 0; margin: 0; } 阅读全文
摘要：
编辑本博客 元素占位高，和宽 offsetTop：没有设置定位的话，到浏览器顶部的距离。如果设置定位后，即以父盒子为基准，即top值 offsetLeft：没设置定位，即到浏览器左边的位置。如果设置定位，则以父盒子为基准，即left值 offsetWidth：内容宽度+padding+border 阅读全文